如何设置背景颜色？php中文网教你如何通过编辑HTML来设置网页的背景颜色，希望对你有一定的帮助。一：设置背景颜色1.准备编辑HTML首先确定要使用的背景颜色，HTML颜色由每个代码决定。在计算机的Web浏览器中访问html/html-colornames.html，就能查看所有颜色的代码，并且在“HEX”部分中选择要使用的基色。2.使用Notepad++或Notepad打开HTML文件，并且把页面的所有样式信息（包括背景颜色）添加进来。将“background-color”属性添加到“body”元素。background-color要在body括号之间输入，如下：1背景红色或者123body{background-color：red}html如何设置背景颜色？两种方法教会你3.您可以使用“background-color”来定义其他元素的背景，例如标题，段落等。例如，要将背景颜色应用于主标题（）或段落（）。二：创建渐变背景1.制作渐变时，我们需要两条信息起点和角度，以及渐变之间过渡的颜色。您可以选择多种颜色以使渐变在所有颜色之间移动，并且可以设置渐变的方向或角度。属性：背景：线性梯度（方向/角度，颜色1，颜色2，颜色3，等）2.制作垂直渐变的时候，如果未指定方向，则渐变将从上到下要创建渐变，要在标记之间添加以下代码：12345678910html{min-height：100％}body{background：-webkit-linear-gradient（left，＃93B874，＃C9DCB9）background：-o-linear-gradient（right，＃93B874，＃C9DCB9）background：-moz-linear-gradient（right，＃93B874，＃C9DCB9）背景：线性梯度（到右侧，＃93B874，＃C9DCB9）background-color：＃93B874}当然也可以向渐变添加方向以更改颜色偏移的显示方式，您不仅可以添加两种以上的颜色，还可以在每种颜色之后添加一个百分比。也可以设置每个颜色段所需的间距，为您的颜色添加透明度，使用相同的颜色从颜色淡化为空。也可以使用该rgba()函数来定义颜色，结束值决定透明度：0实体和1透明。以上就是对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 背景图像
如果不设置其中的某个值，也不会出问题，通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。
代码：
效果：
一、设置字体的颜色
直接用font语句对字体颜色进行设置即可，具体命令如下所示：
设置“我是红色”为红色字体，输入命令如下：
<p><font color="red">我是红色</font></p>
更改上述命令中的color颜色即可更改字体颜色
二、设置字体的背景颜色
设置背景颜色为00FF66，输入命令如下：
<body bgcolor="00FF66">
更改上述命令中的bgcolor即可更改背景颜色
参考资料
HTML中基本元素基本设置.CSDN[引用时间2018-1-9]
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）