S
ite title
×××サイト
intro
05/05
main
weblog
master[ 名前
mail
res
]
12345
広告|広告|広告
- ナノ -
他の色
■■ #a0283a 茜色
■■ #e38698 桃色
■■ #ed551b 赤橙
■■ #a9b735 若草色
■■ #49a581 若竹色
■■ #0087aa 浅葱色
■■ #948bdb 藤紫
CSS
<style type="text/css"> * { margin:0; padding:0; } body { line-height:1.3; margin:0 auto; text-align:center; } #all { margin:0 auto; text-align:left; } h1 > span { color:#ffb500; } a { text-decoration:none; } input,textarea,option { background:#313131; border:3px #313131 solid; color:#ffb500; } #header { background:#313131; padding:100px 10px 10px 10px; } #main { margin:10px; } #menu { text-align:right; } <pc><!--pcスマホ設定--> body { line-height:2; } h1 { letter-spacing:5px; } #main { margin-top:10px; } #main a { font-size:120%; line-height:2.5; margin:8px 2px; padding:5px 10px; border:1px #ccc solid; } #main a:hover { border:3px #ffb500 dotted; color:#ffb500; } b { font-size:120%; } </pc><!--pcスマホ設定--> <pc_only><!--pc設定--> #all { width:400px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } </pc_only><!--pc設定--> </style>
HTML
<div id="all"> <div id="header"> <h1><span>S</span>ite title</h1> </div><!-- header --> <div id="main"><b>×××サイト</b> <div id="menu"> <a href="○">intro</a> <a href="○">05/05</a> <a href="○">main</a> <a href="○">weblog</a> <br /> master[ 名前 <a href="○">mail</a> <a href="○">res</a> ]<br /> <p>12345</p> </div><!-- menu --> </div><!-- main --> </div><!-- all -->
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -