HTML语言中,设置背景颜色的代码是？_随笔

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 背景图像

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

代码：

效果：

在Dreamweaver CS6中新建一个html空白文档，将页面内容放入<body></body>中。选中背景图即可插入。

详细步骤：

工具/材料：

1、新建文件夹并将其命名为“表格”。

2、将背景图放入新建的”表格“文件夹里。

3、在Dreamweaver CS6中新建一个html空白文档。

4、将页面内容放入<body></body>中。

5、在<body后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置。

6、选中背景图，点击“确定”。

7、图片插入完成。

8、将这个html另存为在“表格”文件夹里。

9、点击这个预览图标，就可以在浏览器中查看效果。

10、完成效果图。

参考资料：

百度百科-HTML表单

<style>

body{

background:url(02.jpg) top left

background-size:100% 100%

overflow:hidden

}

</style>

</body>

其中，overflow属性是设定超出body大小的内容隐藏不显示，这样就消去了滚动条。

background-size是设置图像大小，后面两个值分别是宽度和高度，100%是相对于父元素（也就是body）长宽的比例

其实对于宽度高度设置100%，我也不是很懂，这样设置总会出现滚动条，不知为什么。

欢迎分享，转载请注明来源：内存溢出

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