CSS如何去掉div的边框?

我不想要CSS显示讨厌的边框,怎么去掉??

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个回答  2021-03-24
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="
仅仅4个人!他们去的时候换洗衣服都没带几件,想着是个小墓坑,过两个礼拜搞完了,就回西安呢!

结果,一年都没探到兵马俑坑的边呢!

其实在解放前,当地人打井,就发现过兵马俑。但是,以前的人迷信嘛,叫这东西叫做“瓦神爷”,发现了,就打碎了。

后来直到70年代,当地又是生产队挖井,这次又发现了兵马俑。

于是一群人闹闹哄哄,把这东西的碎片就吊了出来。

正巧路过一个县文化馆的人,懂得这东西的价值。于是把碎片拿到县里,自己先把这两个兵马俑拼接起来了。

其实本来就是一堆碎片。有时候也不一定是农民打破的,据考证,大多是当年项羽的军队打破的。

然后,又有个巧事。一个新华社记者来到了县文化馆,看到了这两个大概拼起来的兵马俑像。于是写了个内参。于是主管文物口的副总理李先念看到了。批给了国家文物局。

国家文物局接到李副总理的批文,也是一脸懵,我们这些人(专业管文物的)都不知道这事,结果领导批示了。

然后,国家文物局又打电话给陕西,陕西方面才知道,发现了兵马俑这种东西。

于是,就有了派4个考古人员本回答被网友采纳
第2个回答  2021-03-24
CSS如何去掉div的边框?CSS去掉div的边框可以去掉css的border属性,或者覆盖border属性为none来实现。
1、如图,这是一个带边框的div测是页面。
2、第一个div的边框是这行css实现的效果
border: 5px solid black;
3、第二个div没有设置边框样式
4、第三个div的css设置了边框样式,但被内联样式覆盖为none,因此也能不显示边框。
代码如下
div{
width:200px;
height:120px;
margin-bottom:10px;
background-color:yellow;
}
.box1, .box3{
border: 5px solid black;
}
第3个回答  推荐于2018-02-22
楼上正解,div{border:none},当然为了不影响排版你可以把边框设为透明div{ border:1px solid transparent}本回答被网友采纳
第4个回答  2013-04-12
链接img的时候系统默认有一像素的描边

设定img的描边为无就可以了

img{border:none}

CSS如何去掉div的边框?
CSS去掉div的边框可以去掉css的border属性,或者覆盖border属性为none来实现。1、如图,这是一个带边框的div测是页面。2、第一个div的边框是这行css实现的效果 border:5pxsolidblack;3、第二个div没有设置边框样式 4、第三个div的css设置了边框样式,但被内联样式覆盖为none,因此也能不显示边框。代码...

CSS如何去掉div的边框?
楼上正解,div{border:none},当然为了不影响排版你可以把边框设为透明div{ border:1px solid transparent}

用css给div盒子加了背景图片后,边框怎么去
div本身默认是没有边框的,你这是背景图片自带的边框(或者说这边框是图片的组成部分)吧?那你应该用图片编辑软件(比如PS)把边框去掉才行。

html5 css怎样去除div嵌套div的边框叠加效果
如果两个div的height一样高,可以让div2相对定位,往上提1像素,让两条线叠加看上去像只有一条线一样 position:relative; top:-1px;

...就是那个“层”div的东西 怎样才能把边框的线去掉
在DIV里面加样式即可去掉边框 <div style="border:0px">...DIV内容<\/div>

CSS中,两个DIV相连时,接触部分的边框如何去掉?类似拉勾网这个._百度...
一般情况是 左边的没有右边框,并且!宽度要比下面菜单多1px 这样便覆盖了右边的左边框

DIV+CSS 在Google浏览器中如何去除点击input控件时的黄色边框?
margin:0;padding:0;list-style-type:none;\/\/这个主要针对li标签前面的各种圆点,方块等东西text-decoration:none;\/\/这个主要针对a标签的下划线,如果针对所有标签应用的话也会 \/\/清除<s><del>的删除线效果border:none;\/\/这个主要是img标签在ie中的边框问题,如果针对所有标签应用的话也会 \/\/...

怎么去掉主体Did上左右的边框
在div样式里面写如下代码:border-left:none; border-right:none; border-bottom:1px solid 000000; border-top:#000000 solid 1px;

css中如何去掉表格左右边框
你需要控制一下,thead th:first-child{border-left:none;} thead th:last-child{border-right:none;} tbody td:first-child{border-left:none;} tbody td:last-child{border-right:none;}

怎么把网站上的白框去掉。
css .example-div { border: none; \/* 原本可能是 border: 1px solid white; *\/ } 修改后,保存并刷新页面,白框应该就会消失。需要注意的是,直接通过开发者工具做的修改是临时的,如果你想永久去除白框,需要在网站的CSS文件中进行相应的修改。总的来说,去掉网站上的白框需要定位到造成白框的...

相似回答