一：设置背景颜色

1.准备编辑HTML

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

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

背景红色

或者

body{

background-color：red

}

html如何设置背景颜色？两种方法教会你

3.您可以使用“background-color”来定义其他元素的背景，例如标题，段落等。例如，要将背景颜色应用于主标题(

)或段落(

)。

二：创建渐变背景

1.制作渐变时，我们需要两条信息起点和角度，以及渐变之间过渡的颜色。您可以选择多种颜色以使渐变在所有颜色之间移动，并且可以设置渐变的方向或角度。

属性：

背景：线性梯度(方向/角度，颜色1，颜色2，颜色3，等);

2.制作垂直渐变的时候，如果未指定方向，则渐变将从上到下要创建渐变，要在标记之间添加以下代码：

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);

背景：线性梯度(到右侧，＃93B874，＃C9DCB9);

background-color：＃93B874;

}

当然也可以向渐变添加方向以更改颜色偏移的显示方式，您不仅可以添加两种以上的颜色，还可以在每种颜色之后添加一个百分比。也可以设置每个颜色段所需的间距，为您的颜色添加透明度，使用相同的颜色从颜色淡化为空。也可以使用该rgba()函数来定义颜色，结束值决定透明度：0实体和1透明。

php网站背景颜色代码,html如何设置背景颜色？相关推荐

php设置背景为透明,css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍...
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
电脑桌面怎么设置html背景图,css中如何设置背景图片？
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片. css怎样设置背景图片? css back ...
怎么设置php的css颜色代码,CSS的文本字体颜色如何设置
这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常用颜色地方包含:字体颜色.超链接颜色.网页背景颜色.边框颜色 2.颜色规范与颜色规定:网页使用RGB模式颜色网页中颜色的运用是网页必不 ...
python3颜色代码_python3中布局背景颜色代码分析
我们想要给某个模块着重突出,以便引起大家注意的时候,通常给那个模块的背景颜色换亮一点.这种情况的操作多见于我们想要突出表格中的某个数据,或是某一项的名称. 在python3中设置布局背景颜色需要通过代 ...
java 设置颜色代码_java怎么设置颜色
java设置颜色的方法:首先Windows图标键加R打开运行,输入mspaint,回车打开画图软件:然后打开编辑颜色,并选择需要的颜色:最后对应的填进代码里即可得到所需颜色. [相关学习推荐:java ...
c语言窗口如何加背景图片,MFC积累---关于设置背景图片、背景颜色插入背景音乐...
第二种方法是把声音文件加入到资源中,然后从资源中播放声音.Visual C++支持WAVE型资源,用户在资源视图中单击鼠标右键并选择Import命令,然后在文件选择对话框中选择The Microsof ...
网站图片定位代码html5,CSS中背景图片的定位
在CSS中,背景图片的定位方位有3种: (1)关键字:background-position: top right; (2)像素:background-position: 0px 0px; (3)百分 ...
html td无边框颜色,table的td设置背景颜色后边框框消失
表格Table的Th Td标签在设置背景颜色后,设置的边框消失了,出现此情况主要是因为 [background]属性与 [position:relative;]同时使用的缘故. 解决方法:对Th T ...
python绘图颜色代码大全_matplotlib指定绘图颜色的八种方式——python篇
在使用matplotlib的pyplot库进行绘图时,经常会发现各种开源代码指定"color"的方式并不一致.通过查阅官方资料[1],发现共有8种指定color的方式.8种方式如下 ...

php网站背景颜色代码,html如何设置背景颜色？

)或段落(

php网站背景颜色代码,html如何设置背景颜色？相关推荐

最新文章

热门文章