メニュー

サイト構成
背景画像を元にサイトを構成

CSS
DIVタグで枠を作成
DIVタグで見出しに枠を作成
画像に文字を表示
マウスフォーカスで背景画像変更
tableタグでボタンを作成

トップ
E-Mail
xml

ASP.Netのお勉強
VB.Netのお勉強
phpのお勉強
Excel マクロ・VBAのお勉強
ASP.Netで掲示板を作成しよう
AJAXのお勉強
Javaのお勉強
連想書籍検索
世界の観光地検索
路線図
総合サイトCocoaLiz
DIVタグで枠を作成(CSS)@Webデザインのお勉強

DIVタグとCSSを用いて、見出しに枠を作成します。
よく見かけるスタイルだと思います。。
下の様な枠です。

見出し

見出しにアクセントを付けたい時は、良いかもしれませんね。


border-color:ボーダの色
border-width:枠線の幅、上右下左となります。
border-style:枠線のスタイル
padding-left:内側の余白
width:横幅

<div style="border-color:#006699;
            border-width:0 0 1px 3px;
            border-style:solid;
            padding-left:5px;
            width:100px;">
見出し
</div>




Copyright (C) 2008 Webデザインのお勉強. All Rights Reserved.