手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >HTML+CSS实现漂亮的背景实例
HTML+CSS实现漂亮的背景实例
摘要:一、网址:http://www.csszengarden.com/?cssfile=213/213.css二、效果三、CSSbody{bac...

一、网址:http://www.csszengarden.com/?cssfile=213/213.css

二、效果

1

三、CSS

body

{

background-color:#F0ECD6;

background-image:Url(Images/water.png);

background-position:top;

background-repeat:repeat-x;

}

四、说明

网页背景色与大海融为一体,这个是非常唯美的艺术效果。而更大的亮点则是,背景图片的左右两边各有一条没有特别虚化的亮线,这个背景图片如果只是随便地设为背景,那,背景会有两条比较明显线痕,这会是很重的一个败笔。但,样式表中,设置了background-position:top;背景图片在水平居中,垂直靠上的位置开始水平平辅,这两条线痕,则成了内容的左右边框,浑然天成,让人不得不感叹作者的匠心独运。

【HTML+CSS实现漂亮的背景实例】相关文章:

CSS滤镜实现的颜色渐变翻转效果

CSS3实现多背景展示效果通过CSS3定位多张背景

利用CSS实现禁止双击选择页面内容的实例展示

用CSS实现文字的阴影效果

HTML DIV+CSS制作通栏实例

CSS实现圆柱型数据报表的方法

CSS如何控制网页背景

CSS+DIV实现鼠标经过背景变色

CSS控制图片、表格、背景颜色渐变示例

怎样用CSS实现大背景网页效果

精品推荐
分类导航