css怎样给元素加入边框？

css怎样给元素加入边框？

css给元素设置边框使用 border 属性，这是一个简写属性，分别是指边框的宽度、样式、颜色。

它可以按顺序设置如下属性：

• border-width

• border-style

• border-color

使用示例：（推荐学习：CSS视频教程）

（1）创建一个div元素，给它一个类名app

<style>
.app{
    width: 100px;
    height: 100px;
    background: #eee;
}
</style>

<div class="app">div元素</div>

效果：

（2）加入border属性，给元素添加边框

<style>
.app{
    width: 100px;
    height: 100px;
    background: #eee;
    border: 4px solid skyblue;
}

</style>

<div class="app">div元素</div>

效果：

补充：

我们也可以使用 border-left、border-top、border-bottom、border-right为每条边设置不同的样式

.app{
    width: 100px;
    height: 100px;
    background: #eee;
    border-left: 2px solid pink;
    border-top: 4px solid green;
    border-bottom: 1px solid blue;
    border-right: 6px solid black;
}

效果：

更多CSS3相关技术文章，请访问CSS3答疑栏目进行学习！

以上就是css怎样给元素加入边框？的详细内容，更多请关注0133技术站其它相关文章！