- FinCloud
-
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;
}
- 阿啵呲嘚
-
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个考古人员
- Chen
-
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;
}
- 瑞瑞爱吃桃
-
楼上正解,div{border:none},当然为了不影响排版你可以把边框设为透明div{ border:1px solid transparent}
- 黑桃云
-
<style type="text/css">
.max{
width:700px;
height:100px;
border:1px solid red; /*你把border的值设置为0 就是没有边框(默认也是没有边框的); solid 边框的线是实线; red 是边框的颜色*/
}
</style>
<body>
<div class="max">
你把css中的border的值设置为0px 就是没有边框(默认也是没有边框的);<br />
solid 边框的线是实线;<br />
red 是边框的颜色
</div>
</body>
代码给你了 :)
- 牛云
-
新建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
- 南yi
-
给你想去掉边框的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;}
希望可以帮到你~
- 北境漫步
-
borde:none;这样就可以了。
- 苏州马小云
-
就是这个属性啦 border:none;
- tt白
-
很简单,border:0px;
- 皮皮
-
border-width:0px;
- gitcloud
-
对就是那样