ホームページ  >  記事  >  ウェブフロントエンド  >  DIV+CSS を使用して画像とテキストを混合し、テキストのリストをまとめて表示する_html/css_WEB-ITnose

DIV+CSS を使用して画像とテキストを混合し、テキストのリストをまとめて表示する_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:29:441912ブラウズ

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>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。