課程
/前端開發
/HTML/CSS
/網頁簡單布局之結構與表現原則
如題排行榜
2017-02-04
源自:網頁簡單布局之結構與表現原則 3-3
正在回答
第一種?利用2個div ?
先定義個div 然后里面放2個h標簽 背景圖使用css式樣定位上去
<div class="rank">
? <div class="rankTitle"> ?【ranktitle】背景---------------背景區
<h5>排行榜<g5> ? ? ? ? ? ? ??
<h6>投票<h6>
</div>-------------------------------------------------背景區
<ul class="rankList">?
<li><a href="#">文字內容</a></li>
<ul>
</div>
第二種 ?一個div
?h5增加背景排行榜背景
?h6{margin:-25px 0 0 50px;}通過移動H6的下方
舉報
入門必殺技之結構與表現相分離,課程會有3個案例,不同角度講解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-04
第一種?利用2個div ?
先定義個div 然后里面放2個h標簽 背景圖使用css式樣定位上去
<div class="rank">
? <div class="rankTitle"> ?【ranktitle】背景---------------背景區
<h5>排行榜<g5> ? ? ? ? ? ? ??
<h6>投票<h6>
</div>-------------------------------------------------背景區
<ul class="rankList">?
<li><a href="#">文字內容</a></li>
<li><a href="#">文字內容</a></li>
<li><a href="#">文字內容</a></li>
<li><a href="#">文字內容</a></li>
<ul>
</div>
第二種 ?一個div
?h5增加背景排行榜背景
?h6{margin:-25px 0 0 50px;}通過移動H6的下方
<div class="rank">
<h5>排行榜<g5> ? ? ? ? ? ? ??
<h6>投票<h6>
<ul class="rankList">?
<li><a href="#">文字內容</a></li>
<li><a href="#">文字內容</a></li>
<li><a href="#">文字內容</a></li>
<li><a href="#">文字內容</a></li>
<ul>
</div>