这份作业交的实在是太迟了..
特别不好意思...
第一次接触PS这东西
感触就是俩个字 麻烦...
研究了三个小时 终于完成了
不容易阿... 不过还是很有趣的
做完之后忽然觉得自己好酷哈哈哈哈哈
有图有真相！
QQ图片20170120144559.png
QQ图片20170120144612.png
然后代码来一波
<!DOCTYPE html >
<html>
<head>
<meta charset=utf-8" />
<title>PS</title>
</head>
<style>
#box{
width:134px;
height:1015px;
}
#title{
width:134px;
height:79px;
background : url(17点/images/gengduchanpin.gif);
border-bottom:2px solid #f0f0f0;
}
#content-1{
width:134px;
height:152px;
background : url(17点/images/img_03.png) no-repeat #f9f9f9 27px 41px;
border-bottom:2px solid #f0f0f0;
}
#content-2{
width:134px;
height:152px;
background: url(17点/images/img_06.png) no-repeat #f9f9f9 27px 27px;
border-bottom:2px solid #f0f0f0;
}
#content-3{
width:134px;
height:152px;
background : url(17点/images/img_08.png ) no-repeat #f9f9f9 27px 20px;
border-bottom:2px solid #f0f0f0;
}
#content-4{
width:134px;
height:152px;
background:url(17点/images/img_10.png) no-repeat #f9f9f9 27px 20px;
border-bottom:2px solid #f0f0f0;
}
#content-5{
width:134px;
height:152px;
background:url(17点/images/img_12.png) no-repeat #f9f9f9 27px 25px;
border-bottom:2px solid #f0f0f0;
}
#content-6{
width:134px;
height:152px;
background:url(17点/images/img_14.png) no-repeat #f9f9f9 27px 23px;
border-bottom:2px solid #f0f0f0;
}
#content-7{
width:134px;
height:10px;
background:#f9f9f9;
}
</style>
<body>
<div id="box">
<div id="title"></div>
<div id="content-1"></div>
<div id="content-2"></div>
<div id="content-3"></div>
<div id="content-4"></div>
<div id="content-5"></div>
<div id="content-6"></div>
<div id="content-7"></div>
</body>
</html>
网友评论