CSS小技 NOTE

WEB OKANOs Customize

HTMLとCSSを覚えて標準のテンプレートをカスタマイズ、自分だけのサイトを作ろう

CSS小技

メモやノート枠を作る

千夜一夜物語

外枠の設定
<div style="border: 5px double #66CCFF">

表題の設定
<div style="position: relative; left: -3px; top: 0px; width: 141px; height: 18px; color: #FFFFFF;background-color:#8080ff; font-weight:bold">

<script type="text/javascript" language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2156073&pid=875430307"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2156073&pid=875430307" target="_blank"><img alt="cm2"src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2156073&pid=875430307" height="60" width="468" border="0" /></a></noscript>

<script Language="javascript" Src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2156073&pid=876289029"></script><noscript><a Href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2156073&pid=876289029" target="_blank" ><img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2156073&pid=876289029" height="45" width="135" Border="0"></a></noscript> <script Language="javascript" Src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2156073&pid=876289050"></script><noscript><a Href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2156073&pid=876289050" target="_blank" ><img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2156073&pid=876289050" height="45" width="135" Border="0"></a></noscript>