前端系列教程之CSS(边框和轮廓)

边框

•	border 
简写属性在一个声明设置所有的边框属性
•	border-color 
属性设置四条边框的颜色,此属性可设置 1 到 4 种颜色。
•	border-radius 
简写属性,用于设置四个border-*-radius属性
•	border-style 
设置四个边框的样式
•	border-width 
设置一个元素的四个边框的宽度
•	box-shadow 
对元素添加一个或多个阴影

设置边框图像

•	border-image 
简写属性,用于用于设置所有border-image- *属性的速记属性
•	border-image-outset 
规定边框图像超过边框盒的量
•	border-image-repeat 
属性规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)
•	border-image-slice 
规定图像边框的向内偏移
•	border-image-source 
规定要使用的图像,代替border-style属性中设置的边框样式
•	border-image-width 
规定图像边框的宽度

设置底部边框

    •	border-bottom 属性 
    简写属性,在一个声明中设置所有底部边框属性
    •	border-bottom-color 
    设置元素的底部边框颜色
    •	border-bottom-left-radius 
    定义左下角边框的形状
    •	border-bottom-right-radius 
    定义右下角边框的形状
    •	border-bottom-style 
    设置元素底部边框样式
    •	border-bottom-width 
    设置元素的底部边框宽度

设置左侧边框

•	border-left 
简写属性,在一个声明中设置左边框的所有属性
•	border-left-color 
设置一个元素的左边框颜色
•	border-left-style 
设置元素左边框的样式
•	border-left-width 
设置元素的左边框的宽度

设置右侧边框

•	border-right 
简写属性,在一个声明中设置右边框的所有属性
•	border-right-color 
设置一个元素的的右边框的颜色
•	border-right-style 
设置元素右边框的样式
•	border-right-width 
设置一个元素右边框的宽度

设置顶部边框

•	border-top 
简写属性,在一个声明中设置所有顶部边框属性
•	border-top-color 
设置元素的上边框的颜色
•	border-top-left-radius 
定义了左上角的边框形状
•	border-top-right-radius 
定义了右上角的边框形状
•	border-top-style 
设置一个元素的顶部边框样式
•	border-top-width 
设置一个元素的顶部边框的宽度

轮廓

•	outline 
简写属性,在一个声明中设置所有的轮廓属性
•	outline-color 
指定轮廓颜色
•	outline-style 
指定outline的样式
•	outline-width 
指定轮廓的宽度

猜你喜欢

转载自blog.csdn.net/liang4297/article/details/84952958