html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

css设置div背景颜色的方法_Div+CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:这篇文章主要介绍了css设置div背景颜色的方法,需要的朋友可以参考下

一、p标签内直接设置背景颜色 psWHTML5中文学习网 - HTML5先行者学习网


复制代码
代码如下:
psWHTML5中文学习网 - HTML5先行者学习网
<div style="background:#000; color:#FFF">背景为黑色</div>psWHTML5中文学习网 - HTML5先行者学习网

p标签内设置背景色为黑色,字体颜色为白色psWHTML5中文学习网 - HTML5先行者学习网

psWHTML5中文学习网 - HTML5先行者学习网

p标签内设置背景色截图psWHTML5中文学习网 - HTML5先行者学习网

通过p标签内设置style设置背景色等CSS样式。psWHTML5中文学习网 - HTML5先行者学习网

二、外部css设置p背景色 psWHTML5中文学习网 - HTML5先行者学习网

这里为一个对象CSS命名为".pcss5",通过建立外部选择器设置p对象背景色psWHTML5中文学习网 - HTML5先行者学习网

CSS代码:psWHTML5中文学习网 - HTML5先行者学习网


复制代码
代码如下:
psWHTML5中文学习网 - HTML5先行者学习网
.divcss5{ background:#F00; color:#FFF} psWHTML5中文学习网 - HTML5先行者学习网

html源代码:psWHTML5中文学习网 - HTML5先行者学习网


复制代码
代码如下:
psWHTML5中文学习网 - HTML5先行者学习网
<div class="divcss5">背景色为红色</div> psWHTML5中文学习网 - HTML5先行者学习网

效果截图:psWHTML5中文学习网 - HTML5先行者学习网

psWHTML5中文学习网 - HTML5先行者学习网

外部CSS设置p背景颜色截图psWHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助