別の典型的な CSS 例_エクスペリエンス交換

コードをコピー コードは次のとおりです: PR &lt ;style type ="text/css" media="screen"> @charset "gb2312"; /* PR CSS グローバル設定 */ body,a ,strong, input,button,h1,h2,h3,h4,h5,h6,h7 {font:12px "Arial","宋体","Tahoma","QQ 50198763",sans-serif;}/*12pxlarge 、フォントの優先順位 : Arial、次に: Songdynasty、Tahoma、Family: sans-serif*/ html,body {height:100%;}/*ブラウザの高さを 100% に設定します*/ body,form ,menu, dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}/*body,form,menu を設定,dir, fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 の内部パッチと外部パッチは 0*/ div,p {display:block;} /*すべての div、p はブロック要素です*/ ul,ol,dl {list-style:none;}/*すべての箇条書きは */ img {border:0;}/*All なしで表示されます画像の境界線はありません*/ a {text-decoration:none;}/*すべてのリンクは変更されていません [上、下線、点線...]*/ a:hover {text-decoration:underline; }/*すべてのリンクにマウスを置くと下線が引かれます*/ button {cursor:pointer;}/*マウスを置くとすべてのボタンが手の形になります*/ /* グローバル設定が完了しました */

/* レイアウト */ #box { width:548px; } #box h3 { height:17px; } #box {padding:5px 10px 0; } /* 変更 */ #box {background:url("images/left-btm.gif") no-repeat 中央下; #box h3 {フォントの太さ:太字; テキストのインデント:2.5em; 背景:url("images/left-toptle.gif") } #box .bg { 背景:url( "images/left-mid.gif ")repeat-y; -> ;p>テスト内容

テスト内容

;

div>