怎么修改网页背景色-网页建设小知识

来源:设计经验分享网
添加时间:2024年02月
摘要: HTML是用来描述网页的一种语言。

怎么修改网站的背景色?


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

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

以上的代码均将背景颜色设置为黑色。
背景(Background)
背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。
<bodybackground="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也不能继承。事实上,所有背景属性都不能继承。


 

平面设计相关资讯推荐阅读:


深圳如何更好的优化网页排名网页建设主要分为哪些部分什么外链可以称为高质量的外链辽阳市财政局完善加强门户网页建设未来的搜索引擎优化话题高新科技:网页关键字排名应当找什么企业去做让网页更容易使用的10个方法你为用户带来便利,用户给你带来收益移动网页制作需要大概多少钱微盟的微商城怎么样做网页推广时常用的几种基本方法网页访问响应时间由哪些原因有关优秀网页建设的特点网页制作如何迎接大数据时代如何吸引粉丝点击你的微信内容易捷告诉你广州网页建设前期请勿盲从科技浅析微信公众号运营指南企业信息化时代,网页建设的重要性深圳网页制作中404页面的作用做SEO优化为什么需要这么长的时间营销型网页建设的特质有哪些网页建设:企业网页优化才是关键公司建设网页需要考虑哪些问题网页建设:搜索引擎喜欢的网页特点CSS3实现背景颜色渐变网页建设的优化引流一般是怎么做的互联网转型可以带给公司哪些思考-深圳网页建设分享如何找到适合您企业的管理软件,定制软件的成本是多少深圳网页建设服务外包优点和缺点网页设计流程中常见问题分析及建议(一)网页建成之后要注重网页的定期维护 效果好的网页设计制作公司专业定制如何建一个网页才好这种流程和事宜要了解-易捷网页开发公司教您如何策划网页外链建立一个公司网页有什么好处微信朋友圈营销最重要的是什么佛山小企业网页应该如何才能建设好网页优化|网页优化的三大要素你知道吗科技对原创网页的自我剖析网页域名和服务器空间的常识选择香港免备案空间的不好之处网页的排名和品牌推广广州网页建设公司分享优化小技巧专业的网页制作公司有哪些优势小编简单解析Alexa排名用处深圳专业网页建设公司满足用户的多种需求深圳网页优化要如何选择网页优化公司高级网页建设和普通网页建设有哪些不同-中山网页建设商业网页建设一般存在哪些误区人们在企业网页中实际寻找的内容2012.5.28起个人可请求注册“.CN”和“.我国”域名网络故障诊断的硬件工具 靠谱的网页设计制作公司费用科技教你微信公众账号最新的加粉方式网页建设_网页设计之版式设计基本法则二在网页建设的前期工作应该是什么网页建设完成后网页页面维护的一般内容有哪些网页建设开发上线之前需要测试那些内容现在做网页建设的发展趋势怎么样深圳基金网页建设解决方案
网站备案号:豫ICP备2024041165号