1 回答

TA貢獻1條經(jīng)驗 獲得超0個贊
補充html
:
<div ?id="courselist">
<h2 class="coursetitle">課程</h2>
<ul>
<li>
<div class="coursepic"><img src="images/course1.jpg" alt="" /></div>
<div>
<p class="st1">PHP第三方登錄-OAuth2.0協(xié)議</p>
<p class="st2">更新1-2</p>
</div>
</li>
<li>
<div class="coursepic"><img src="images/course2.jpg" alt="" /></div>
<div>
<p class="st1">PHP第三方登錄-OAuth2.0協(xié)議</p>
<p class="st2">更新1-2</p>
</div>
</li>
<li>
<div class="coursepic"><img src="images/course3.jpg" alt="" /></div>
<div>
<p class="st1">PHP第三方登錄-OAuth2.0協(xié)議</p>
<p class="st2">更新1-2</p>
</div>
</li>
<li>
<div class="coursepic"><img src="images/course4.jpg" alt="" /></div>
<div>
<p class="st1">PHP第三方登錄-OAuth2.0協(xié)議</p>
<p class="st2">更新1-2</p>
</div>
</li>
<li>
<div class="coursepic"><img src="images/course1.jpg" alt="" /></div>
<div>
<p class="st1">PHP第三方登錄-OAuth2.0協(xié)議</p>
<p class="st2">更新1-2</p>
</div>
</li>
<li>
<div class="coursepic"><img src="images/course2.jpg" alt="" /></div>
<div>
<p class="st1">PHP第三方登錄-OAuth2.0協(xié)議</p>
<p class="st2">更新1-2</p>
</div>
</li>
</ul>
<div class="clearfix"></div>
<div><div class="coursebtn"><a href="#">全部課程</a></div></div>
</div>
css:
.coursepic{
width: 280px;
height: 160px;
overflow: hidden;
}
.st1{text-align: center;font-size: 14px;}
.st2{text-indent: 10px;margin-top: 20px;}
添加回答
舉報