当前位置 : 首页> Web培训 > CSS入门教程:初识CSS边框

CSS入门教程:初识CSS边框

时间:2016-09-02 17:29:59   已访问:198次
热门专业

通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 PhotoShop。

一、CSS边框概述在网页中,边框随处可见,任何块元素和行内元素都可以设置边框属性。例如,div元素可以设置边框,img元素也可以设置边框,table元素也可以设置边框,span元素同样也可以设置边框等等。

CSS入门教程:初识CSS边框_www.itpxw.cn

二、边框属性大家观察一下上面的图,想一下要设置一个元素的边框要设置哪几个方面?我们很容易得到结论,要设置一个元素的边框必须要设置以下3个方面:

(1)边框的宽度;

(2)边框的外观(实线,或者虚线);

(3)边框的颜色;表1 边框的三个属性

CSS入门教程:初识CSS边框_www.itpxw.cn

注意,设置一个元素的边框必须要同时设置border-width、border-style、border-color这三个属性,这个元素的边框才能在浏览器显示出来。


推荐内容