CSS虛擬碼

標籤：class   老版本   red   after   radius   no-repeat   bsp   ref   top   

/*在p之後插入我是好人*/p.first:after {content: "好人"}

 

 

/*在p之前插入親愛的朋友men*/p:before {content: "親愛的朋友men"}

 

/*設定第一個p元素*/p:first-child{/*background-color: yellow;*/}

 

 

/*設定最後一個p元素  等價於：p:nth-last-child(1)*/p:last-child{/*background-color: yellow;*/}

 

/*設定正數數第一個p元素*/p:nth-child(1){/*background-color: red;*/}

 

/*設定倒著數第一個p元素*/p:nth-last-child(1){/*background-color: red;*/}

 

/*box-shadow box陰影 x位移量  y位移量 陰影模糊值 顏色 */P{margin-top: 50px;box-shadow: 5px 5px 3px red;/*webkit瀏覽器陰影*/-webkit-box-shadow: 5px 5px 3px red;/*Firefox瀏覽器陰影*/-moz-box-shadow: 5px 5px 3px red;}

 

p{/*text-shadow: 5px 5px 3px blue;*/}

 

div.image{background: url(123.png);/*background-size:300px 300px;*/    background-size:50% 100%;background-repeat:no-repeat;-moz-background-size:300px 300px; /* 老版本的 Firefox */background-clip: no-clip;width: 500px;height: 600px;}

 

.image{border:1px solid;border-radius: 20px 20px;-moz-border-radius: 20px 20px;    -webkit-border-radius: 20px 20px;}

 

CSS虛擬碼