hi,欢迎访问本站!
当前位置: 首页Web前端正文

CSS样式去掉元素边框的方法

墨初 Web前端 285阅读

在CSS样式代码中,对一个元素边框的样式定义是用的border属性。如果元素不需要有边框,可以在这个属性上下功能。

CSS border 属性

border:用于定义元素的边框属性,比如颜色,宽度,样式等。

语法:

border: border-width border-style border-color|initial|inherit;

属性值:

描述
border-width 规定边框的宽度
border-style 规定边框的样式
border-color 规定边框的颜色
inherit 规定应该从父元素继承 border 属性的设置。

CSS样式去掉元素边框的方法

例:

<style>
.d{
    width: 200px;
    height: 200px;
    background-color: red;
    border: 1px solid green;
    margin-bottom: 40px;
    padding: 10px;
    color: #fff;
}
.d2{
    width: 200px;
    height: 200px;
    background-color: red;
    border: 0;
    margin-bottom: 40px;
    padding: 10px;
    color: #fff;
}
</style>
<div class="d">我是有边框的</div>
<div class="d2">我是没有边框的</div>

以上就是CSS中利用border属性去掉元素边框的方法,如果想要去掉指定的边框还可以使用border-top、border-right、border-bottom、border-left等属性。

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐