HTML语言中,设置背景颜色的代码是?

HTML语言中,设置背景颜色的代码是?,第1张

html中设置元素的背景色都是通过CSS中的background 属性来完成。

例如,给整个页面(body)设置背景色:body{background: #ddd};如果要将图片作为背景色:body{background-image: url(1.jpg)},其中url括号后面的是背景图片的链接。

拓展资料:

background 简写属性在一个声明中设置所有的背景属性。

background可以设置如下属性:

background-color    背景颜色

background-position    背景图像的位置

background-size    背景图片的尺寸

background-repeat    重复背景图像

background-origin    背景图片的定位区域

background-clip    背景的绘制区域

background-attachment    背景图像是否固定或者随着页面的其余部分滚动

background-image    背景图像

如果不设置其中的某个值,也不会出问题,通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

代码:

效果:

具体 *** 作如下:

1.首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句

2.由于css样式必须在标签之间,因此我们点击后面,输标签。

3.在head标签之间输入样式标签,

body{background-color:yellow}定义网页背景色为黄色;

h1{background-color:#00ff00}定义h1标签背景色为#00ff00;

h2{background-color:transparent}定义h2标签背景色为透明;

p{background-color:rgb(250,0,255)}定义p标签背景色为rgb值;

p.no2{background-color:graypadding:20px}这个定义class属性为no2的p标签背景色为灰色,并且边距为20px;

4.然后点击body标签后面输入正文标签内容,例如

这是KING

这是KING

这是KING

这个KING设置20内边距。

5.点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式。双击打开预览效果。

6.我们可以发现代码中两个同样的

标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11843289.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存