锐客网

  1. 首页 > 睿知 > >

怎么用CSS设置页面背景

睿知

CSS 允许应用纯色作为背景 ， 也允许使用背景图像创建相当复杂的效果 。
CSS 在这方面的能力远远在 HTML 之上 。
背景色【怎么用CSS设置页面背景】可以使用 background-color 属性为元素设置背景色 。这个属性接受任何合法的颜色值 。
这条规则把元素的背景设置为灰色：
p {background-color: gray;}如果您希望背景色从元素中的文本向外少有延伸 ， 只需增加一些内边距：
p {background-color: gray; padding: 20px;}如需查看本例的效果 ， 可以亲自试一试！





body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}


p.no2 {background-color: gray; padding: 20px;}









这是标题 1
这是标题 2
这是段落
这个段落设置了内边距 。




可以为所有元素设置背景色 ， 这包括 body 一直到 em 和 a 等行内元素 。
background-color 不能继承 ， 其默认值是 transparent 。transparent 有“透明”之意 。也就是说 ， 如果一个元素没有指定背景色 ， 那么背景就是透明的 ， 这样其祖先元素的背景才能可见 。



    推荐阅读


    上一篇：保山秘制特色小米辣 秘制小米辣的制作方法

    下一篇：云闪付扫微信二维码能支付吗