CSS去掉div的边框可以去掉css的border属性,或者覆盖border属性为none来实现。
1、如图,这是一个带边框的div测是页面。
2、第一个div的边框是这行css实现的效果
border: 5px solid black
3、第二个div没有设置边框样式
4、第三个div的css设置了边框样式,但被内联样式覆盖为none,因此也能不显示边框。
代码如下
<div class="box1"></div>
<div class="box2"></div>
<div class="box3" style="border: none"></div>
div{
width:200px
height:120px
margin-bottom:10px
background-color:yellow
}
.box1, .box3{
border: 5px solid black
}
1、新建html文档,在html文档的bady标签中添加一个a标签,然后为这个标签添加“href”属性和属性值:
2、将编辑好的代码保存,然后用浏览器打开html文档,这时可以在网页中看到a标签的下划线:
3、添加style标签,然后为a标签设置“text-decoration:none”css样式,刷新浏览器,这时浏览器中的下划线就会被去掉:
css去掉全局高度,1.场景描述有层级为3的一组div标签,class名分别为container、wrap、content,需求是当盒子wrap的高度大于盒子container时,可以进行滚动。
但是此时盒子wrap使用了一个全局css样式height:100%,就是说此时container 、wrap高度一致,需要将wrap改为自适应高度(即内容盒子content撑开的高度)