css设置背景颜色
css设置背景颜色的方法:首先创建一个HTML示例文件;然后在head头部中添加style标签;接着在body中定义一个p标签和h1标签;最后通过background-color属性设置相应的背景颜色即可。
本文操作环境:宏基S40-51、Windows10家庭中文版、HTML5&&CSS3&&HBuilderX.3.0.5
推荐:《css视频教程》
css设置背景颜色的方法
在CSS中,可以使用background-color属性来设置背景颜色。
background-color属性设置一个元素的背景颜色。元素的背景是元素的总大小,包括填充和边界(但不包括边距)。
background-color属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。
background-color属性可以设置的值:
color_name:规定颜色值为颜色名称的背景颜色(比如 red)。
hex_number:规定颜色值为十六进制值的背景颜色(比如 #ff0000)。
rgb_number:规定颜色值为 rgb 代码的背景颜色(比如 rgb(255,0,0))。
transparent:默认。背景颜色为透明。
尽管在大多数情况下,没有必要使用 transparent。不过如果您不希望某元素拥有背景色,同时又不希望用户对浏览器的颜色设置影响到您的设计,那么设置 transparent 值还是有必要的。
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { background-color: pink; } h1 { background-color: #17c4ff; } p { background-color: rgb(255, 218, 51); } </style> </head> <body> <h1>这是标题 1</h1> <p>这是一个段落。</p> </body> </html>
效果图:
以上就是css设置背景颜色的详细内容,更多请关注其它相关文章!
上一篇: css3怎样实现取消动画效果
下一篇: win7系统关机后自动重启怎么办