/*在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;
/*火狐浏览器阴影*/
-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;
}