CSS常用属性的用法

CSS常用属性的用法

边框属性

 (1)边界属性

 

margin-left	分别定义页面元素左、右、上、下边界的宽度.	margin-left:20px margin-right:20% margin-top:atuo	取值是长度、百分比、 auto（相对于父元素的百分比）
margin-right
margin-top
margin-bottom
margin	按上－右－下－左的顺序设置4个边界宽度	margin:10px margin:10px 20px   margin:10px 20px 30px   margin:10px 20px 30px 40px	4个边界相同宽度 第一个用于上－下，第二个用于左－右 第一个用于上，第二个用于左－右，第三个用于下

 

 (2)填充属性

padding -left	分别定义页面元素左、右、上、下填充区的宽度	padding -left:20px padding -right:20% padding -top:atuo	取值是长度、百分比、 auto（相对于父元素的百分比）
padding -right
padding -top
padding -bottom
padding	按上－右－下－左的顺序设置4个填充区宽度	padding:10px padding:10px 20px   padding:10px 20px 30px   padding:10px 20px 30px 40px	4个填充区宽度 第一个用于上－下，第二个用于左－右 第一个用于上，第二个用于左－右，第三个用于下

 

(3)边框属性

例3-16 CSS边框属性应用

类型	属性	值	示例
边框宽度属性	border-left-width border-right-width border-top-width border-bottom-width	thin、medium、thick、length	border-left-width:12px
	border-width	按上、右、下、左的顺序同时设置4个边框的宽度	border-width:10px  20px 30px
边框颜色属性	border-left-color border-right-color border-top-color border-bottom-color		border-left-color：red
	border-color	按上、右、下、左的顺序同时设置4个边框的颜色	border-color：red blue
边框样式属性	border-left-styl e border-right-style border-top-style border-bottom-style	None、dotted、dashed、solid、double、groove、ridge、inset、outset
	border-style	按上、右、下、左的顺序同时设置4个边框的样式	border-style：solid dotted
边框样式	border-left border-right border-top border-bottom	分别设置左、右、上、下边框宽度、颜色、样式。	border-left：2px  red  solid
边框	border	用来一次性在4个方向上设置边框的宽度、颜色和样式