网站边框也就是网站上下左右四个位置的如何属性，这个复合属性由边框颜色、边框样式和边框志度组成，所表示的边框为顶端、右端、底端和左端的边框值，而且是同一一个效果的值，同时这也相当于网站的一个次导航模式，便于网站优化。
边框属性是复合属性，是由上端、右端、下端和左端边框属性组成的复合属性，也可以单独表示的某一方向的边框，如只设置对象顶端的边框，以区分其他的边框。为了实现边框在不同方向设置边框属性，需要对不同边框方面的属性进行设置。
在网页中表示的边框都是矩形的，即由上、下、左、右的边框围成对象，在本书中也称为顶端、右端、底瑞和左端的边框。通过边框方向属性可以设置边框在不同位置的边框值，各属性如下所示。
border-top:表示顶端的边框。
border-right:表示右端的边框。
border-bottom:表示底端的边框。
border-left:表示左端的边框。
通过上面的属性可以设置不同位置的边框值。本节分别介绍顶端、右端、底端和左端的属性值以及用法。
设置顶端边框的属性
顶端边框的属性专门用来设置对象的顶部边框。设置本属性，对其他方向的边框值没有影响，同时，属性值所接的值与复合属性一样，由边框宽度、边框颜色和边框样式组成。代码如下。
border-top:border-widthborder-styleborder-color
顶端的边框属性用brderitop表示，其属性值有三个参数:第一个borde-widh表示顶部边框的宽度，第二个brdrsyte表示顶部边框的样式，第三个bordercolor表示顶部边框的颜色。需要注意的是，对这三个参数值的顺序没有要求，即可以以任意顺序出现。
设置右端边框的属性
与顶端边框一样，右端的边框属性也是四个方向属性成员之一，右端边框属性用border-right表示，其后所接的值与border复合属性一样，有边框宽度、边框颜色和边框样式组成，完整代码如下：
Border-right:border-widthborder-styleborder-color
属性默认值参数为mediumnone，而border-color的默认值将采用文本颜色。当然这是表示右边的边框属性，与顶端的边框设置一样，设置属性对其他方向的属性没有影响，只对设置的方面产生影响。
设置底端边框的属性
与顶端的边框一样，底端的边框属性也是边框四个方向属性成员之一，底端的边框属性用border-bottom表示，其后所接的值与border复合属性一样，由边框宽度、边框颜色和边框样式组成。完整代码如下。
border-bottom:border-widthborder-styleborder-color
本属性默认值参数为mediumnone,而border-color的默认值将采用文本颜色。当然，这是表示底端的边框属性。与顶端的边框一样，设置了本属性对其他方向的属性没有影响，只对该设置的方面影响。
设置左端边框的属性
与顶端的边框一样，底端的边框属性也是边框四个方向属性成员之一，底端的边框属性用border-left表示，其后所接的值与border复合属性一样，由边框宽度、边框颜色和边框样式组成。完整代码如下。
border-left:border-widthborder-styleborder-color
本属性默认值参数为mediumnone,而border-color的默认值将采用文本颜色。当然，这是表示底端的边框属性。与顶端的边框一样，设置了本属性对其他方向的属性没有影响，只对该设置的方面影响。
每个网站的边框对于网站优化来说，也是一个不错的引导蜘蛛抓取的接入口，同时对于用户体验也是非常不错的。
转载请注明出处。
声明：站长码字很辛苦啊,转载时请保留本声明及附带文章链接：https://www.zfcdn.xyz/showinfo-36-21737-0.html
亲爱的：被墙域名跳转TG:@qianhenetwork QQ:851617266,可否收藏+评论+分享呢？
文章评论 本文章有个评论