div设置背景及边框

2025-06-04 15:11:20

1、对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>

2、颜色设置可以使用混色值，也可以使用颜色英文名称，比如蓝色可以直接是哟会给你blue，就像这样：.divTestStyle{width:100px;height:100px;border:3px solid blue}

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

5、当然也可以通过十六进制数直接配色，十六进制数可以是3位也可以是6位，对应的都是红绿蓝，只不过6位的颜色值范围为0~255，而3位是0~15，使用#FF0000就是红色。<div style="width:100px;height:100px;border:0px solid blue;background:#FF0000;"></div>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。