HTML+CSS实现漂亮的背景实例

ttx9n · 发表于 2013-6-21 17:01:17

网页背景色与大海融为一体，这个是非常唯美的艺术效果，设置了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;背景图片在水平居中，垂直靠上的位置开始水平平辅，这两条线痕，则成了内容的左右边框，浑然天成，让人不得不感叹作者的匠心独运。

feiyasqhr · 发表于 2022-12-24 12:51:05

而快乐你们快乐马年快乐

4k0mp7m · 发表于 2023-1-22 18:57:12

谢谢您的分享！

mkonji · 发表于 2023-6-23 21:44:22

而非为吾问无为谓娃娃

adm1n · 发表于 2023-11-12 12:33:52

8888888888888888

ppwxcg · 发表于 2023-11-30 04:38:54

iiguuubhuiuihu

btbhs8t · 发表于 2024-3-26 21:27:56

8888888888888888

a971560 · 发表于 2024-6-20 22:04:49

数据库了多久撒快乐的健身卡啦

64000928 · 发表于 2024-6-26 19:10:54

好东西一定要看看！

nwk53kbd · 发表于 2024-7-3 11:25:14

还有什么好东西没

账号		自动登录	找回密码
密码			立即注册

[CSS] HTML+CSS实现漂亮的背景实例

相关帖子