如何在HTML中设置网页背景颜色?

如何在HTML中设置网页背景颜色?,第1张

1.首先打开电脑上自带茄姿的记事本程序,从HTML5开始就不再支持属性了。你想设置背景颜色和网页其它方面的样式,就得使用CSS。

2.然后输入html网页基本结构语句。。

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

4.在head标签之间输入样式标签,然后定义一些属性,例如

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

这是KING 这卜纳孝是KING

这是KING

这个KING设置20内边距。

6.点击记事本菜单中的文件,选择另存为,把内容保存为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"的优闹薯碰势所在,可以定义个性风格。

如何设置背景颜色?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如何设置背景颜色的全部介绍。


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

原文地址: https://www.outofmemory.cn/bake/11994058.html

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

发表评论

登录后才能评论

评论列表(0条)

保存