网页设计中的背景特殊效果

  • 2019-01-11 17:02:37
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

特殊效果

网站建设里只需结合color和background-color,就可以创建一些有用的效果:

h1{color:white;background-color:rgb(20%,20%,20%)

font-family:Arial,sans-serif;}

这个例子如图9-10所示,

图9-10:H1元素的一个漂亮的效果

当然,颜色有很多,颜色组合就更多了,但这里无法将所有颜色组合都显示出来,我们只能像前面一样还是用灰度表示。不过,还是尽量让网站建设人员对此有一些认识。

这个样式表稍有些复杂,如图9-11所示„

body{color:black;background-color:white;}

h1,h2{color:yellow;background-color:rgb(0,51,0);}

p{color:#555;}

a:link{color:black;background-color:silver;}

a:visited{color:gray;background-color:white;}

图9-11:一个更复杂的样式表的结果

当然,网页设计人员还能做得更漂亮,这还只是开始而已。可以充分发挥主动性,自己尝试些例子!

背景图像

前面已经介绍了前景和背景色的基础知识,下面来讨论背景图像。在HTML3.2中,可以通过使用BODY属性BACKGROUND向文档的背景关联一个图像:

<BODY BACKGROUND="bg23.gif">

这会使用户代理加载文件知然后把它“平铺”在文档背景中,沿水平方向和垂直方向重复放置这个图像,填满文档的整个背景。这种效果利用网站建设CSS也可以达到,不过CSS并不只是简单地将背景图像平铺,还能做更多的工作。首先来介绍基础知识,再来看如何使用。

当前文章标题:网页设计中的背景特殊效果

当前URL:http://www.lyjtt.cn/news/wzzz/special-effects.html

上一篇:网页设计中的背景色历史问题

下一篇:网页设计中的背景图像

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)