學到的東西,就是馬上放到網頁上面
岡山鎮大專青年協會

其實我想重點就是display:block的固定吧

Html碼

<div id="head">
<span class="mall"><span class="m01"></span><span class="m02"></span><span class="m03"></span><span class="m04"></span><span class="m05"></span></span>
<h1>↗KCA↗岡山鎮大專青年協會<em>作為一個岡山鎮鄰近區域大專青年聯絡認識的平台</em></h1>
</div>

CSS碼
#head{margin-top:10px;background:#99cc66;width:750px;height:140px;}
/*設定純CSS的圓角框*/
span.mall{/*display:block強制性設定重要*/
display:block;background:white;width:100%;}
span.mall span{/*display:block強制性設定重要*/
display:block;height:1px;overflow:hidden;background:#99cc66;}
span.m01{margin:0 5px;}
span.m02{margin:0 4px;}
span.m03{margin:0 3px;}
span.m04{margin:0 2px;}
span.m05{margin:0 1px;}

edastyle 發表在 痞客邦 PIXNET 留言(0) 人氣()