css设置元素的border边框的样式与颜色

css边框可以通过border属性来设置,通过border可以设置边框的ku宽度、颜色和样式。

例子

div{ border: 1px solid #000; }

这是把div的四个边框设置为1像素、颜色为黑色的实线边框。其实这是border属性的一个简写方式,这个三个元素分别对应的是border-width、 border-style和border-color。这三个值都不是必需的。div{ border: solid #000; }也是可以的。

border-width对应的是边框的宽度。

border-color对应的是边框的颜色。

border-style对应的是边框的样式。常用的是实线solid和虚线dashed。

如果需要单独设置每个边框的样式和颜色的话,可以通过以下的方法单独来设置

border-top设置上边框

border-right设置右边框

border-bottom设置下边框

border-left设置左边框

css3引入了一个border-radius属性,这个属性可以将边框设置为圆角的。具体用法

<style>
div
{
border:2px solid;
border-radius:50%;
}
</style>

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录