您现在的位置是：网站首页> 编程资料编程资料
HTML+CSS实现漂亮的背景实例设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
2023-10-28
152人已围观
简介 网页背景色与大海融为一体，这个是非常唯美的艺术效果，设置了background-position:top;背景图片在水平居中，垂直靠上的位置开始水平平辅，这两条线痕，则成了内容的左右边框
一、网址：http://www.csszengarden.com/?cssfile=213/213.css
二、效果
三、CSS
body
{
background-color:#F0ECD6;
background-image:Url(Images/water.png);
background-position:top;
background-repeat:repeat-x;
}
四、说明
网页背景色与大海融为一体，这个是非常唯美的艺术效果。而更大的亮点则是，背景图片的左右两边各有一条没有特别虚化的亮线，这个背景图片如果只是随便地设为背景，那，背景会有两条比较明显线痕，这会是很重的一个败笔。但，样式表中，设置了background-position:top;背景图片在水平居中，垂直靠上的位置开始水平平辅，这两条线痕，则成了内容的左右边框，浑然天成，让人不得不感叹作者的匠心独运。
二、效果
三、CSS
复制代码
代码如下:body
{
background-color:#F0ECD6;
background-image:Url(Images/water.png);
background-position:top;
background-repeat:repeat-x;
}
四、说明
网页背景色与大海融为一体，这个是非常唯美的艺术效果。而更大的亮点则是，背景图片的左右两边各有一条没有特别虚化的亮线，这个背景图片如果只是随便地设为背景，那，背景会有两条比较明显线痕，这会是很重的一个败笔。但，样式表中，设置了background-position:top;背景图片在水平居中，垂直靠上的位置开始水平平辅，这两条线痕，则成了内容的左右边框，浑然天成，让人不得不感叹作者的匠心独运。
相关内容
- 雷霆战机装备搭配推荐_手机游戏_游戏攻略_
- 雷霆战机装备进阶条件,快速进阶到紫色方法_手机游戏_游戏攻略_
- 塔防骑士团公测资格领取方法_手机游戏_游戏攻略_
- 雷霆战机无尽模式出箱子的规律分享_手机游戏_游戏攻略_
- 雷霆战机聚能壁垒装甲属性详细介绍_手机游戏_游戏攻略_
- 我叫MT符文系统即将修改 增加产出五级可置换_手机游戏_游戏攻略_
- 我叫MT双贼打竞技场实战视频分享 效果出类拔萃_手机游戏_游戏攻略_
- 我叫MT一夜之间天翻地覆 土豪雨浅谈符文充值活动_手机游戏_游戏攻略_
- 我叫MT充值及消耗符石送紫卡活动火爆来袭_手机游戏_游戏攻略_
- 天天酷跑杰哥破解版急速狂奔视频教程推荐_手机游戏_游戏攻略_
