css款式完成全部网页页面情况应用1张照片

2021-03-12 18:41 jianzhan
这样完成的益处许多,网页页面载入1个情况照片大大加速了网站访问速率,也十分便于网站总体设计风格改动。
难度在于制做的情况照片怎样截取特定的部位做为某个地区的情况,细心科学研究发现還是不难的,最先windows自带的画图手机软件便可以完成搜索座标,由于css情况是根据座标来截取部位,也有Photoshop还可以完成,以下图:

css款式编码以下

拷贝编码
编码以下:

<style type="text/css">
body
{
background-image: url('/i/eg_bg_03.gif');
background-repeat: no-repeat;
background-position: 0px ⑸0px;
}
</style>

background-position: 0px ⑸0px的意思是水平部位为0px,竖直部位为50px。