ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS を使用して画像とテキストを混合し、テキストのリストをまとめて表示する_html/css_WEB-ITnose
CSS コード rreee HTML コード
<style>*{ padding:0px; margin:0px;}body{ font-size:12px; line-height:150%; color:#666666}a{ color:#003399; text-decoration:none}a:hover{ color:#999900;}div{ overflow:hidden}.box{ width:300px; margin:10PX auto;}img{ border:0px;}.p5{ padding:5px;}.cle{ clear:both; height:0px;}.m{ border:1px solid #ccc;}.m h2,.m ul li{ height:25px; line-height:25px;}.m h2{ font-size:12px; background:#f7f7f7; padding-left:5px;}.m ul li{ list-style:none; border-top:1px dotted #ddd;background:url(b1.gif) no-repeat 3px 50%; padding-left:20px;}.m .list_1{ margin-bottom:5px;}.m .list_1 span{ float:left; padding-right:8px;}.m .list_1 span img{ border:1px solid #eee;}.m .list_1 p{}</style>