时间:2021-05-08
一、网址: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;背景图片在水平居中,垂直靠上的位置开始水平平辅,这两条线痕,则成了内容的左右边框,浑然天成,让人不得不感叹作者的匠心独运。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了js实现漂亮星空背景的具体代码,供大家参考,具体内容如下html代码:css代码html,body{height:100%;overflow
本文实例为大家解析了html5div布局与table布局,供大家参考,具体内容如下div布局:html+css实现简单布局。#container中height不
本文实例为大家分享了JavaScript实现打砖块游戏的具体代码,供大家参考,具体内容如下html+css部分打砖块*{padding:0;margin:0;}
HTML+CSS制作的网页,如何按比例自动缩小网站内容?dreamweaver如何将图像放在页面的中间?下面就和小编一起来看看吧! HTML+CSS制作的
效果图预览一、css实现html代码部分html+css下拉菜单首页菜单一内容一内容一内容一菜单二内容二内容二内容二菜单三内容三内容三内容三菜单四css部分*{