当前位置:380元网站建设 虎网站 > 网站建设 > 正文

怎么修改网站背景色-虎网科技网站建设小知识

发布日期:2014-07-22

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 也不能继承。事实上,所有背景属性都不能继承。

去迪拜旅游必备的物品清单?迪拜机场t1出境流程?

    去迪拜需要办什么手续!跪求指示? 如果您需要前往迪拜旅游,您需要进行以下手续: 1.办理迪拜签证:中国公民前往迪拜需要办理签证。有两种途径:自助申请或请代办公司代办。自助申请需要先提交线上申请,然后预约并到中国的最近领事馆提交材料。如需代办,可以联系相关代办公司。 2.购买机票:您需要根据您所在的城市和机场选择合适的机票前往迪拜。 3.订购酒店:您可以通过预订网站或代理商订购酒店。请务必选择合适...

        什么样的网站才称得上高端网站建设 大家看到高端两字,会想到一件物品或者某样东西,第一眼看起来给人感觉高大上,而且还有非常强的视觉冲击感。网站建设怎么才能将高端优势以及好处体现出来呢? 网站好比是一家公司的门面,要是我们的网站建设的非常混乱,那么客户根本就不会愿意浏览你的网站,相反你的网站非常的大气,进入的第一眼便是让人非常的舒服,客户自然会继续认真浏览您的网站。 网站建设好是为后期推广工作做的铺垫工作,前期网站建设好,后期推广工...

       企业建站的意义在哪里? 当前,相信大部分的人都知道,网站是企业在互联网上展示形象的门户,是企业展示产品的最好平台,而设计制作一个优秀的网站是迈向互联网的重要步骤,在当前这个互联网的时代,若企业没有自己爹网站就像是一个人没有住宅,实体店铺没有logo,那么既然网站建设那么重要,那么网站建设的意义在哪里? 1、使公司具有网络沟通能力 目前国内有些人对于互联网可能有所误解,以为电子信箱就是互联网网络,因此很多的公司将电子...

       建企业网站应该怎样做前期的规划 1、网站中的文字比图片更具吸引力 我们往往认为,用户在浏览网站的时候吸引目光的是图像,其实不然,大部分通过偶然的点击进入我们网站的用户,他们往往是来找寻自己想要的信息的,而不是来找图片的。因此,我们的网站在制作的时候要用文字来凸显出我们一个网站的灵魂信息,或者可以用图片把文字信息展现出来,这是设计网站的首要原则。 2、用户的浏览是我们应该去尊重的 用户在浏览一个网页的时候,往往是从左到右,从上往下...

       地方性网站的运营方式 一步曲:地方网站的前期准备工作 如果你是一个地方性网站的站长,你应该知道地方性的网站计划的可行性怎么样,我绝对不是说你要你感觉自不量力之后打消自己的念头,我是建议不能盲目的复制模式,成功的经验可以借鉴,但是要找到自己的适合的方式,你规划地方网站就应该首先考虑同区域和你的规划有冲突的网站,分析他们的规模和竞争优势,还要考虑的是本地区的网民人数和上网需求方向,如果本地区的百度贴吧有足够的氛围,那么你的...

       搭建网站的步骤中所包含的细节 任何事物都是由一个个细节构成, 搭建网站 不能不例外,细节决定着事物发展的成败。网络时代是一个细节的时代,建站好坏主要表现在细节之中,那么搭建网站的步骤中所包含的细节有什么呢?   策划尤为重要,不打没有准备的仗,提前做好准备总会事半功倍。那么网站策划的步骤,就要从各种数据的上进行分析。特别是访问者用户群体,从众多的数据上找到目标客户群体是不简单的,务必是从数据中进行全方位的完善。建站的主题风格与...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读