css属性深入

标签：

border-width、border-style、border-color这三个边框属性一般都简写为border属性：

div{
border:1px solid red;
}

　　border-radius属性是css三中非常常用的一个属性，巧妙运用该属性可以完成很多意想不到的效果。

div{
width:0;
border-top:100px solid #f00;
border-top:100px solid transparent;
border-top:100px solid transparent;
border-radius:50% 50% 0 0 ;
}

　　border-image可用图片作边框。

　　box-shadow可设置盒阴影。

div{
width:100px;
height:100px;
border:1px solid red;
box-shadow:10px 10px 12px #f00;
}

　　line-height可设置行高，注意：该属性不是设置字体高度。将该属性的值与元素的高度设为同一个值可让元素居中，但是只能在一行文本中使用，局限性很大。

p{
height:100px;
line-height:100px;
}

　　text-indent设置文本缩进，可代替 

　　text-align设置文本水平对齐方式。

p{
text-align:center;

}

　　letter-spacing设置字符之间的间隔，英文网站上比较常用。

　　background-image和background-repeat、background-color、background-position这几个背景的属性一般用backgrou简写。

div{
background:url(#) no-repeat x y red;
}

　　rgba是比较新的一个颜色表示法，a表示透明度，这在以前只能通过opacity来调整。

　　linear-gradient也是css的新属性，而且兼容性不是很好。

body{
background-image:linear-gradient(to right,red 50%,blue);
}

css属性深入

标签：

原文地址：http://www.cnblogs.com/11lang/p/5762480.html