div设置背景及边框

来源：互联网 2023-03-16 19:12:53 364

分享几种设置div块背景和边框的操作，希望对需要的朋友有用。

工具/原料

对div属性的设置，通常使用style的引用来实现，这样的程序兼容性会比较好，一般先新建一个style，增加一个风格然后再div中用class引用，比如下面的代码将实现一个黑色边框宽为100像素高为100像素的div：

html>body>style>.divTestStyle{width:100px;height:100px;border:3px solid #000}/style>div class="divTestStyle">/div>/body>/html>

div设置背景及边框

颜色设置可以使用混色值，也可以使用颜色英文名称，比如蓝色可以直接是哟会给你blue，就像这样：

.divTestStyle{width:100px;height:100px;border:3px solid blue}

div设置背景及边框

对于比较简单的页面，可以在div中直接为style赋值，这中操作比较方便，但是如果这个style用的比较多，这个就显得难以维护了。

div设置背景及边框

可以通过background来改变div的背景颜色，比如要设置div背景为黄色可以这样写：

div style="width:100px;height:100px;border:0px solid blue;background:#blue;">/div>

div设置背景及边框

当然也可以通过十六进制数直接配色，十六进制数可以是3位也可以是6位，对应的都是红绿蓝，只不过6位的颜色值范围为0~255，而3位是0~15，使用#FF0000就是红色。

div style="width:100px;height:100px;border:0px solid blue;background:#FF0000;">/div>

div设置背景及边框

如果不想使用边框，那么只需要设置border:0px，将边框宽度设置为0即可。

div设置背景及边框

6本页面未经许可获取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：HTML教程第十三课有序列表下一篇：div设置字体颜色