一次历时很久的PS切图
2017-01-17 本文已影响0人
黑猫乄
我所要切的图片是这样的，嗯没错就是这个长方形的图片...,,ԾㅂԾ,,
作业_哼唧.jpg
经过我好长时间的思考，我终于把代码敲出来了！终于！！
话不多说，代码如下↓↓↓/(ㄒoㄒ)/~~
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>一次愚蠢的编程</title>
<style>
#box{
width:134px;
height:1015px;
}
/*传说中的盒子，也就是最外层的包装*/
#title{
width:134px;
height:79px;
background: url(../Desktop/dw保存专用/更多产品-哼唧.jpg) #f9f9f9;
border-bottom:2px solid #f0f0f0 ;
}
/*盒子内的模块*/
#div1{
width:134px;
height:152px;
background: url(../Desktop/dw保存专用/度_哼唧.jpg) #f9f9f9;
border-bottom:2px solid #f0f0f0;
}
#div2{
width:134px;
height:152px;
background: url(../Desktop/dw保存专用/图-哼唧.jpg) #f9f9f9;
border-bottom:2px solid #f0f0f0;
}
#div3{
width:134px;
height:152px;
background: url(../Desktop/dw保存专用/？-哼唧.jpg) #f9f9f9;
border-bottom:2px solid #f0f0f0;
}
#div4{
width:134px;
height:152px;
background: url(../Desktop/dw保存专用/文-哼唧.jpg) #f9f9f9;
border-bottom:2px solid #f0f0f0;
}
#div5{
width:134px;
height:152px;
background: url(../Desktop/dw保存专用/山..._哼唧.jpg) #f9f9f9;
border-bottom:2px solid #f0f0f0;
}
#div6{
width:134px;
height:152px;
background: url(../Desktop/dw保存专用/地球_哼唧.jpg) #f9f9f9;
border-bottom:2px solid #f0f0f0;
}
</style>
</head>
<body>
<div id="box">
<div id="title"></div>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>
</div>
</body>
</html>
在网页中显示的图片是这样的。
屏幕截图(45).png
以及
屏幕截图(46).png
百度云链接：http://pan.baidu.com/s/1qYyGM0s 密码：zwfv
虽说此次愚蠢的切图花了好久的时间，可我也从此获得了宝贵的经验。
熬到了这么久我也是醉了，我爱学习，学习使我快乐///
2017.1.17
