S
ite name
12345
first
10/23
main
me
mo
link
タグコピー
CSS
<style type="text/css"> body{ line-height: 1.2; margin: 0 auto; text-align: center; } #box { margin: 10px auto; <pc>width: 300px; border: 1px solid #ccc;</pc> background-image: url(//img.mobilerz.net/sozai/449.gif); background-repeat: repeat; background-position: top center; } a { text-decoration: none; border-bottom: 1px dashed #bdfb12; } a:hover { position: relative; top: 5; left: 5; } input,textarea { color: white; font-weight: bold; background-color: #9fe219; font-size: 100%; border: 2px double green; } select,option { color: #bdfb12; background-color: white; font-size: 80%; border:1px solid #bdfb12; font-weight: bold; } #menu { text-align: left; margin: 10px; } #footer { text-align: right; margin-right: 10px; } </style>
HTML
<div id="box"> ♯sozai1616_w♯ <div id="header"> <h1><span style="color:teal;">S</span>ite name ♯sozai116_w♯ <span style="font-size: 70%;">12345</span></h1> <span style="font-color:green;>└→</span> http://nanos.jp/your_id/ </div><!-- header --> <div id="menu"> <a href="○">first</a> <a href="○">10/23</a> <a href="○">main</a> <a href="○">me</a><a href="○">mo</a> <a href="○">link</a> </div><!-- menu --> <div id="footer"> ( <a href="○">rank</a> <a href="○">rank</a> <a href="○">rank</a> ) </div><!-- footer --> ♯sozai1616_w♯ </div><!-- box -->
人気急上昇中のBL小説
BL小説 BLove
- ナノ -