nba过人集锦参考答案 题目3-台院UI编程

2019年07月31日 | tags | views 108
参考答案 题目3-台院UI编程nba过人集锦邹开云
高岩成二

HTML源码参考:
<醉饮黄龙!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03</title> <link rel="stylesheet" href="css/3.css"></head><body> <div class="piclist"> <div class="picbox"><div class="pic"> <img data-echo="img/1.jpg" alt=""></div><div class="texts"> <p class="p1">娱乐节目海报设计</p> <hr class="p2"> <p class="p3">周期:一周</p> <p class="p4">杉杉宾宾</p></div> </div> <div class="picbox"><div class="pic"> <img data-echo="img/2.jpg" alt=""></div><div class="texts"> <p class="p1">娱乐节目海报设计</p> <hr class="p2"> <p class="p3">周期:一周</p> <p class="p4">杉杉宾宾</p></div> </div> <div class="picbox"><div class="pic"> <img data-echo="img/3.jpg" alt=""></div><div class="texts"> <p class="p1">娱乐节目海报设计</p> <hr class="p2"> <p class="p3">周期:一周</p> <p class="p4">杉杉宾宾</p></div> </div> </div></body></html>
css 部分参考:
.piclist{ width: 1205px; box-shadow: 0 0 3px #333; padding: 10px; box-sizing:border-box; overflow: hidden;}.picbox{ width: 395px; float:left;}.pic img{ width: 380px; height:377px;}.texts{ text-align: center;}.p1{ font-size: 16px; font-weight: bold;}.p2 { width: 50px; border-color: #BFA85C;}.p3{ color: #aaa;}.p4{ color: #BFA85C;}