一次历时很久的PS切图

作者: 黑猫乄 | 来源:发表于2017-01-17 01:32 被阅读0次

一次历时很久的PS切图
ps切图
ps切图
ps切图
ps 切图
PS切图
PS切图
PS切图
PS 切图
ps切图

我所要切的图片是这样的，嗯没错就是这个长方形的图片...,,ԾㅂԾ,,

作业_哼唧.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>

在网页中显示的图片是这样的。