很多HTML元素都有边框,如img、table、td、div、input等
border-style边框样式,枚举值
border-width边框宽度,长度值
border-color边框颜色,颜色值
可以合并上面三个样式属性border:solid 2px red;
还可以分别控制上下左右边框的样式,如border-top-color样式属性
table元素使用border-collapse: collapse; 可以合并单元格边框
CSS控制元素背景样式
很多HTML元素都可以设置背景样式(背景色、背景图片),如body、div等
background-color:red;背景色,颜色值
background-image:url("bg1.jpg");
background-repeat:背景图片平铺方式,枚举值
background-attachment:背景图片是否随内容滚动,枚举值
background-position-x:center;背景图片水平方向位置,枚举值
同样,背景样式也可以写在一起background: url("bg1.jpg") repeat ;
盒子模型
为了更好的控制页面样式,CSS定义了盒子模型。一个HTML元素就是一个盒子