在html文件中设置背景颜色为什么显示不出来

在html文件中设置背景颜色为什么显示不出来,第1张

首先确定要使用的背景颜色,HTML颜色由每个代码决定。在计算机的Web浏览器中访问http://www.php.cn/html/html-colornames.html,就能查看所有颜色的代码,并且在“HEX”部分中选择要使用的基色。

使用Notepad++或Notepad打开HTML文件,并且把页面的所有样式信息(包括背景颜色)添加进来。将“background-color”属性添加到“body”元素。background-color要在body括号之间输入,如下:

<bodybgcolor="red">背景红色

或者

body{

background-color:red

}

扩展资料

可以使用“background-color”来定义其他元素的背景,例如标题,段落等。例如,要将背景颜色应用于主标题(<h1>)或段落(<p>)。制作渐变时,需要两条信息起点和角度,以及渐变之间过渡的颜色。可以选择多种颜色以使渐变在所有颜色之间移动,并且可以设置渐变的方向或角度。

属性:背景:线性梯度(方向/角度,颜色1,颜色2,颜色3,等)

制作垂直渐变的时候,如果未指定方向,则渐变将从上到下要创建渐变,要在<style></style>标记之间添加以下代码:

html{

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)

html中将背景颜色渐变步骤如下:

1、先使用一个div标签。

2、然后在header标签里面设置<div>标签的css样式。

3、颜色渐变要有一个范围,需要给div设定width和height,也就是宽度和高度。

4、然后设定div的background背景属性,如图所示,背景颜色渐变就用到-webkit-linear-gradient。

5、接着,在-webkit-linear-gradient里面写top,设定渐变从顶部开始,到底部结束。

6、再设定颜色的渐变顺序,比如我设置了从白色渐变到蓝色。

7、做完这些之后,div背景渐变就成功了。


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

原文地址: http://outofmemory.cn/zaji/7510325.html

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

发表评论

登录后才能评论

评论列表(0条)

保存