怎么设置html文字背景颜色？

如何设置背景颜色？php中文网教你如何通过编辑HTML来设置网页的背景颜色，希望对你有一定的帮助。一：设置背景颜色1.准备编辑HTML首先确定要使用的背景颜色，HTML颜色由每个代码决定。在计算机的Web浏览器中访问，就能查看所有颜色的代码，并且在“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如何设置背景颜色的全部介绍。

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"的优势所在，可以定义个性风格。

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

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

代码：

效果：