這份作業(yè)交的實在是太遲了..
特別不好意思...
第一次接觸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>