abstrait：<!DOCTYPE html><html><head><mate charset="UTF-8"><link rel="stylesheet" type="text/css" href="css.css"><link rel="shortcut
<!DOCTYPE html>
<html>
<head>
<mate charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="shortcut icon" type="image/x-icon" href="">
<title>邊框效果作業(yè)</title>
<style>
.content{width: 1040px; margin: 0px auto;}
.box{width: 200px;height: 300px;border: 1px solid #ccc;float: left;margin: 3px;position: relative;}
.box-top{position: absolute;left: 10px;}
.box-top img{width: 50px;height: 30px;}
.box-content img{width: 200px;height: 200px;}
*{margin: 0px;border: 0px;}
.box a{text-decoration: none;border: 1px solid #ccc; padding: 4px 10px;background: yellow;}
.box-content{width: 200px;height: 212px;}
.box-bottom{width: 200px;height: 88px;}
p{margin: 5px;text-align: center;}
.clear{clear: both;}
</style>
</head>
<body>
<div class="content">
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="clear"></div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="box">
<div class="box-top">
<img src="http://img.php.cn/upload/manual/000/000/001/591014544d28e651.jpg" alt="">
</div>
<div class="box-content">
<img src="http://ipnx.cn/static/images/index_learn_first.jpg" alt="圖片"> </div>
<div class="box-bottom">
<p>PHP中文網(wǎng)前端VIP課程</p>
<p style="color: red;"><del style="font-size: 10px;">原價(jià)1988元.</del> <strong>現(xiàn)價(jià)998元</strong> </p>
<p><a href="" style="text-align: center;">立即購(gòu)買</a></p></div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Professeur correcteur：查無此人Temps de correction：2019-01-23 17:21:55
Résumé du professeur：作業(yè)完成的不錯(cuò)。以后寫代碼，要把代碼縮進(jìn)，看著整潔。繼續(xù)加油