CSS边框HYPERLINK"http://www.w3school.com.cn/css/css_padding.asp"PreviousPageHYPERLINK"http://www.w3school.com.cn/css/css_margin.asp"NextPage元素的边框(border)是围绕元素内容和内边距的一条或多条线。CSSborder属性允许你规定元素边框的样式、宽度和颜色。CSS边框在HTML中，我们使用表格来创建文本周围的边框，但是通过使用CSS边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。元素外边距内就是元素的的边框(border)。元素的边框就是围绕元素内容和内边据的一条或多条线。每个边框有3个方面：宽度、样式，以及颜色。在下面的篇幅，我们会为您详细讲解这三个方面。边框与背景CSS规范指出，边框绘制在“元素的背景之上”。这很重要，因为有些边框是“间断的”（例如，点线边框或虚线框），元素的背景应当出现在边框的可见部分之间。CSS2指出背景只延伸到内边距，而不是边框。后来CSS2.1进行了更正：元素的背景是内容、内边距和边框区的背景。大多数浏览器都遵循CSS2.1定义，不过一些较老的浏览器可能会有不同的表现。边框的样式样式是边框最重要的一个方面，这不是因为样式控制着边框的显示（当然，样式确实控制着边框的显示），而是因为如果没有样式，将根本没有边框。CSS的HYPERLINK"http://www.w3school.com.cn/css/pr_border-style.asp"border-style属性定义了10个不同的非inherit样式，包括none。例如，您可以为把一幅图片的边框定义为outset，使之看上去像是“凸起按钮”：a:linkimg{border-style:outset;}定义多种样式您可以为一个边框定义多个样式，例如：p.aside{border-style:soliddotteddasheddouble;}上面这条规则为类名为aside的段落定义了四种边框样式：实线上边框、点线有边框、虚线下边框和一个双线左边框。我们又看到了这里的值采用了top-right-bottom-left的顺序，讨论用多个值设置不同内边距时也见过这个顺序。定义单边样式如果您希望为元素框的某一个边设置边框样式，而不是设置所有4个边的边框样式，可以使用下面的单边边框样式属性：HYPERLINK"http://www.w3school.com.cn/css/pr_border-top_style.asp"\o"CSSborder-top-style属性"border-top-styleHYPERLINK"http://www.w3school.com.cn/css/pr_border-right_style.asp"\o"CSSborder-right-style属性"border-right-styleHYPERLINK"http://www.w3school.com.cn/css/pr_border-bottom_style.asp"\o"CSSborder-bottom-style属性"border-bottom-styleHYPERLINK"http://www.w3school.com.cn/css/pr_border-left_style.asp"\o"CSSborder-left-style属性"border-left-style因此这两种方法是等价的：p{border-style:solidsolidsolidnone;}p{border-style:solid;border-left-style:none;}注意：如果要使用第二种方法，必须把单边属性放在简写属性之后。因为如果把单边属性放在border-style之前，简写属性的值就会覆盖单边值none。边框的宽度您可以通过HYPERLINK"http://www.w3school.com.cn/css/pr_border-width.asp"\o"CSSborder-width属性"border-width属性为边框指定宽度。为边框指定宽度有两种方法：可以指定长度值，比如2px或0.1em；或者使用3个关键字之一，它们分别是thin、medium（默认值）和thick。注释：CSS没有定义3个关键字的具体宽度，所以一个用户代理可能把thin、medium和thick分别设置为等于5px、3px和2px，而另一个用户代理则分别设置为3px、2px和1px。所以，我们可以这样设置边框的宽度：p{border