<p class="sycode"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"< html xmlns="http://www.w3.org/1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8 " /> <br><title>無題ドキュメント</title> <br><style> <br>.div1{ width:420px;} <br>.div1 li { list-style: none; float:left; border:1px Solid #EAF3FA ; 背景:#FBFCFF; マージン:120px; 高さ:40px; <br>.div スパン{padding-left:25px;/*アイコンを残す/i 高さ: 35px;/*その先の部分が表示されるように高さを設定します*/<br> 背景: url (888888.png) no-repeat;/*すべての写真を共有します*/} <br>.位置:-19px -22px; 幅:25px; <br>.b{ 背景の位置:-146px -22px; 高さ:20px;} <br>.c{ 背景の位置: -19px -68px ;幅:25px;高さ:25px;} <br>.d{背景の位置:-146px -70px;幅:25px;} <br>.e{背景の位置:-21px -120px;幅:25px; :25px;} <br>.f{背景位置:-145px -120px;幅:25px;高さ:25px;} <br>.g{背景位置:-21px -120px;幅:25px;} <br>。 h{ 背景位置:-21px -120px; 幅:25px; <br>.i{ 背景位置:-21px -120px; 高さ:25px;} <br> <br>< </head> <br> <br><body> <br><div class="div1"> <a href="#">aaaa</a> <br> <li><span class="b"></span><a href="#" >bbbbb</a></li> <br> <li><span クラス="c"></span><a href="#">ccccc</a>< <br> <li><span class="d"></ span<a href="#">ddddd</a></li> <br> <li > <span class="e"></span><a href="# ">eeeee</a></li> <br> <li ><span class="f"> ;</span><a href="#">eeeee</a>< ;/li> <br> <li ><span class="g"></span><a href="#">eeeee</a></li> ;<span class="h"></span<a href="#">eeee</a></li> <br></div> ;/本文> <br> <br> <br> <br></p>
ウェブフロントエンド
htmlチュートリアル
CSSスプライトの書き方_html/css_WEB-ITnose
