HTML+CSS完成好看的情况案例

日期:2020-09-23 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

1、网站地址:http://www.csszengarden.com/?cssfile=213/213.css
2、实际效果
 
3、CSS

拷贝编码
编码以下:

body
{
background-color:#F0ECD6;
background-image:Url(Images/water.png);
background-position:top;
background-repeat:repeat-x;
}

4、表明
网页页面情况色与海洋融为1体,这个是是非非常唯美的造型艺术实际效果。而更大的亮点则是,情况照片的上下两侧都有1条沒有非常虚化的亮线,这个情况照片假如只是随意地设为情况,那,情况会有两条较为显著线痕,这会是很重的1个败笔。但,款式表格中,设定了background-position:top;情况照片在水平垂直居中,竖直靠上的部位刚开始水平平无奇辅,这两条线痕,则变成內容的上下边框,浑然天成,令人迫不得已感慨作者的别具匠心。