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; }
效果:
© 著作权归作者所有
举报
发表评论
0/200