html网页背景颜色的代码是什么?颜色有几种表示方法?

html网页背景颜色的代码是什么?颜色有几种表示方法?,第1张

html网页背景颜色的代码就是background-color;颜色有6种表示方法。

html网页背景颜色的代码:  

( # 00FFFF )海蓝宝石  、( # 7FFFD4 )  湛蓝   、( # F0FFFF )米色 、 ( # F5F5DC )浓汤  、( # FFE4C4 )黑色  、( # 000000 )   blanchedalmond  、 ( # FFEBCD )蓝色   、( # 0000FF ) blueviolet  、( # 8A2BE2 )棕色  、( # A52A2A )   burlywood   、

( # DEB887 ) cadetblue  、( # 5F9EA0 )沙特勒斯  、( # 7FFF00 )巧克力 、 ( # D2691E )  珊瑚   、( # FF7F50 ) cornflowerblue 、 ( # 6495ED ) cornsilk  、( # FFF8DC )深红 、 ( # DC143C )  青色。

颜色有6种表示方法,即英文单词、十六进制、RGB、HSL、HSLA和GRBA。

在html中显示背景,主要是确定好添加背景的元素

1、定义好添加背景的div

2、针对div编写背景样式

3、查看效果:

总结:设置元素的背景,主要是利用css的background属性

其中,上述的属性值no-repeat设置背景不平铺

center top 设置图片水平居中,垂直上从顶部开始

1、网页背景图片:(平铺背景图片)<body background="e:\images\背景.jpg">或者 <body style="background-image: url(e:\images\背景.jpg)">(背景图片居中不重复)<body style="background-image: url(e:\images\背景.jpg) no-repeat 50% 0">(背景图片不重复)<body style="background-image: url(e:\images\背景.jpg) no-repeat">注释: style 后双引号部分为CSS样式;background-image:url(图片路径) 为背景图片no-repeat 不重复;50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px;2、表格中插入图片背景:<table><tr><td width="300" height="300" background="e:\images\背景.jpg"></td></tr></table>表格背景图片也可跟上面一样采用CSS样式,如:<td style="background-image: url(e:\images\背景.jpg)"></td>。注意:图片路径问题,用e:\images\背景.jpg只能在你自己的电脑上有效,上传到网站上,建议images文件夹和网页放在同一目录,则图片路径改为:“images/背景.jpg”。(当前目录的上一目录表示:../)


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存