■
- CSS でページ全体をセンタリングする方法 | Bowz::Notebook
body {
text-align: center; /* center on ie */
width: 100%;
}#container {
text-align: left;
margin: 0 auto; /* center on everything else */
width: 720px;
}
- タイトルデザイン
スタイルシートを使ったデザイン
p {
color:#992222;
background-color:#F3F3F3;
border-left:15px solid #992222;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
font:bold 90%;
border-bottom:1px dotted #992222;
}
<p>スタイルシートを使ったデザイン</p>スタイルシートを使ったデザイン
p {
color:#FF9900;
border-bottom:1px solid #FF9900;
letter-spacing:-0.05em;
}先頭拡大
p:first-letter{
font-size:2em;
color:#FF9900;
}スタイルシートを使ったデザイン
p {
font-size:1.4em;
font-weight:bold;
border-left:1px solid #0033CC;
letter-spacing:-0.05em;
height:3em;
width:10em;
padding-top:15px;
padding-bottom:10px;
padding-left:15px;
}スタイルシートを使ったデザインはとてもみやすくなります。今日はいい天気でした。明日も晴れだといいですね。コーヒーを淹れて飲みました。とても美味しかったです。
p{
font:"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック" 0.9em/2em;
color:#333333;
display:inline;
border-bottom:1px dotted #999999;
padding-bottom:0.3em;"
}
