友情链接用の CSS 画像链接および文字链接样式<br>.f4{<br>width:100%;<br> オーバーフロー:hidden;<br>クリア:両方;<br>マージン:0;<br>パディング:0;<br>}<br>.f4 li{<br>幅:94px;<br>高さ:37px;<br>表示:ブロック;<br>フロート:左;<br>オーバーフロー:非表示; <br> margin:10px 12px 2px 3px;<br>}<br>.f4 li a{<br> width:88px;<br> height:31px;<br> overflow:hidden;<br> float:left;<br> border:3px Solid #FFF;<br>}<br>.f4 li a:hover{<br> border:3px Solid #EEE;<br>}<br>.f5{<br>width:100%;<br> overflow:hidden;<br> clear:both;<br> margin:0;<br>padding:0;<br>}<br>.f5 li {<br> float:left;<br> line-height:14px;<br>padding:0px 8px 0px;<br>white-space:nowrap;<br>}<br>.f5 li a{<br> color:#000;<br> float:left;<br>}<br>< ;/style><br></head><br><body><br><div>http://www.999jiijiu.com/</div><br><ul class="f4"><br><li> ;<a href='#' target='_blank'><img src='wall_s8.jpg' width='88' height='31' border='0'></a>< /li><br></ul><br><ul class="f5"><br><li><a href='#' target='_blank'>天气查询网</a> </li><br></ul><br></body><br></html></p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"> </p>
ウェブフロントエンド
htmlチュートリアル
CSS は、マウスを画像リンク上に移動すると境界線効果が表示されることを定義しています_html/css_WEB-ITnose
