Webデザインテンプレート集 : Templates[飾り枠]
About
Templates
Design
BBS
Links
トップページ
飾り枠
CSSデザイン
リンクページ
タイトル
コピーライト
その他
はじめに
利用方法
飾り枠
様々な用途に利用出来る飾り枠です。何か囲みたいときにどうぞ。
画像をクリック:プレビュー /
各色を見る /
ソース表示 /
ダウンロード
ソース表示[No.12 - Green]
カラー選択
CSS
<STYLE type="text/css"> <!-- .hole{ font-size : 13px; line-height : 25px; color : #7BDECE; padding : 5 6 5 7px; margin : 10 0 10 0px; border-right : 1px solid #7BDECE; } .cont{ padding : 15px; } --> </STYLE>
HTML
<TABLE border="0" cellpadding="1" cellspacing="0" bgcolor="#7BDECE" width="350"> <TR> <TD> <TABLE border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" width="350"> <TR> <TD><DIV class="hole">○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○<BR> ○</DIV></TD> <TD valign="top"><DIV class="cont">○の数の増減で枠の高さを調節できます。<BR> <BR> Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text</DIV></TD> </TR> </TABLE> </TD> </TR> </TABLE>
本体表示