怎样修改网站背景色-新概念科技网站开发小知识-新概念互动

资讯中心

News

怎样修改网站背景色-新概念科技网站开发小知识

发布时间：2022-09-27 00:00 您所在的位置：网站首页 > 新闻资讯 > 经验杂谈

HTML 是用来描述网页的一种语言。

怎么修改网站的背景色？

背景语言（Backgrounds）
<body> 拥有两个配置背景的标签。背景可以是颜色或者图像。
背景颜色（Bgcolor）
背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

以上的代码均将背景颜色设置为黑色。
背景（Background）
背景属性将背景设置为图像。属性值为图像的URL。假如图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口开展复制。

<body background="clouds.gif">

URL可以是相对地址，如先开展代码。也可以使绝对地址，如第二行代码。
提示：假如你打算使用背景图片，你必须要紧记一下几点：
背景图像能否增加了页面的加载時间。小贴士：图像文件不应超过 10k。
背景图像能否与页面中的其他图象搭配良好。
背景图像能否与页面中的文字颜色搭配良好。
图像在页面中平铺后，看上去还能够吗？
对文字的专注力被背景图像喧宾夺主了吗？
基本的注意事项 - 有用的提示：
<body> 标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在较新的 HTML 标准（HTML4 和 XHTML）中已被废弃。W3C 在他们的推荐标准中已删除这些属性。
应该使用层叠样式表（CSS）来定义 HTML 元素的布局和显示属性。

用CSS控制背景色

背景色

可以使用background-color 属性为元素设置背景色。这样的属性接受任何合法的颜色值。

这条规则把元素的背景设置为灰色：

p {background-color: gray;}

假如您希望背景色从元素中的文本向外少有延伸，只需增加一部分内边距：

p {background-color: gray; padding: 20px;}

可以为所有元素设置背景色，这包含 body 一直到 em 和 a 等行内元素。

background-color 不能继承，其默认值是 transparent。transparent 有“透明”之意。也便是说，假如一个元素没有指定背景色，那么背景便是透明的，这样子其祖先元素的背景才能可见。

背景图像

要把图像放入背景，必须要使用background-image 属性。background-image 属性的默认值是 none，表示背景上没有放置任何图像。

假如必须要设置一个背景图像，必须为这样的属性设置一个 URL 值：

body {background-image: url(/i/eg_bg_04.gif);}

大多数背景都应用到 body 元素，不过并不仅限于此。

下边例子为一个段落应用了一个背景，而不可能对文档的其他部分应用背景：

p.flower {background-image: url(/i/eg_bg_03.gif);}

您乃至可以为行内元素设置背景图像，下边的例子为一个链接设置了背景图像：

a.radio {background-image: url(/i/eg_bg_07.gif);}

理论上讲，乃至可以向 textareas 和 select 等替换元素的背景应用图像，不过并不是所有顾客代理都能很好地处置这种情况。

另外还需要补充一点，background-image 也不能继承。事实上，所有背景属性都不能继承。

本文章由新概念互动原创，如没特殊注明，转载请注明来自：http://www.jianzhan0.com/jingyand/74855.html

上一篇：上海网站开发教您网站seo

下一篇：上海网站开发的服务项目

HTML 是用来描述网页的一种语言。

背景色

背景图像

案例推荐

SKG品牌网站制作

上海舍岩仪器网站建设改版

上海金娜化工网站建设开发

上海佳明航品牌网站制作项目完工

Echolac品牌网站制作开发

侨益集团网站建设项目