CSS如何去掉div的边框?

发布网友发布时间：2022-04-23 02:22

我来回答

共15个回答

热心网友时间：2022-04-06 13:30

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;

}

热心网友时间：2022-04-06 14:48

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个考古人员

热心网友时间：2022-04-06 16:23

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;
}

热心网友时间：2022-04-06 18:14

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

热心网友时间：2022-04-06 20:22

链接img的时候系统默认有一像素的描边

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

img{border:none}

热心网友时间：2022-04-06 22:47

热心网友时间：2022-04-07 01:28

新建html页面打开html编辑器，新建一个html文件。

添加<div>标签在html页面上找到<body>标签，在<body>标签里新建一个<div></div>标签。

添加样式标签。在html页面上找到<title>标签，在这个标签的后面添加 <style type="text/css"></style>标签。

设置菱形的样式类创建一个class类为diamond，在这个类中设置菱形的宽高都为100px，背景为红色；然后使用transform设置旋转45度；最后设置样式居中。样式代码：.diamond{ width: 100px; height: 100px; background-color: red; transform:rotate(45deg); -ms-transform:rotate(45deg); /* Internet Explorer */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */ margin:50px auto;/*让菱形浏览器上居中*/ }

引用class类在页面上找到<div>标签，在<div>标签上添加 class="diamond" ，就可以引用diamond样式类了。如图：

查看菱形。保存html文件后，使用浏览器打开html文件即可看到菱形图形。如图：

菱形图形的所有代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>菱形</title> <style type="text/css"> .diamond{ width: 100px; height: 100px; background-color: red; transform:rotate(45deg); -ms-transform:rotate(45deg); /* Internet Explorer */ -moz-transform:rotate(45deg); /* Fire

热心网友时间：2022-04-07 04:26

给你想去掉边框的div设置属性border:none;
例如：
<html>
<head></head>
<body>
<div class="example">
<p>不显示边框</p>
</div>
</body>
</html>
那么你可以给上面的div设置css样式：.example{border:none;}
或者你也可以在css样式中为整个body标签设置统一的样式：body{boder:none;}
希望可以帮到你~

热心网友时间：2022-04-07 07:41

热心网友时间：2022-04-07 11:12

borde:none;这样就可以了。

热心网友时间：2022-04-07 15:00

就是这个属性啦 border:none;

热心网友时间：2022-04-07 19:05

很简单，border:0px;

热心网友时间：2022-04-07 23:26

border-width:0px;

热心网友时间：2022-04-08 04:04

border:none

热心网友时间：2022-04-08 08:59

对就是那样

全部栏目

CSS如何去掉div的边框?