HOME ＞ 必見！CSS道場 ＞ タイトル

スタイルシートサンプル集

CSS　見出し編 CSS　テーブル編 CSS　リスト編

必見！CSS道場

”CSS道場”ではh2タグを見出しのサンプルとして使いますが、実際お使いになるときはご自身の環境にあったhタグを使ってください。

new シンプルなボーダーを使ったみだし（04）　08/05/01

htmlソース

CSS　シンプルなボーダーを使った見出し（タイトル）　その４

スタイルシートソース

.tit04 {
	border-top: 1px solid #56B921;
	border-left: 8px solid #56B921;
	background: #EBFFE1;
	padding: 8px;
}

このページのTOPへ

シンプルなボーダーを使ったみだし（03）　08/03/24

htmlソース

CSS　シンプルなボーダーを使った見出し（タイトル）　その３

スタイルシートソース

.tit03 {
    border-bottom: 1px dotted #CCC;
    border-left: 8px solid #F00;
    padding: 2px 0 5px 10px;
    line-height: 180%;
}

このページのTOPへ

シンプルなボーダーを使ったみだし（02）　08/03/24

htmlソース

CSS　シンプルなボーダーを使った見出し（タイトル）　その２

スタイルシートソース

.tit02 {
    border: 1px solid #64CC2B;
    border-left: 10px solid #64CC2B;
    padding: 2px 0 2px 10px;
    line-height: 180%;
}

このページのTOPへ

シンプルなボーダーを使ったみだし（01）　08/03/24

htmlソース

CSS　シンプルなボーダーを使った見出し（タイトル）

スタイルシートソース

.tit01 {
    border-left: 10px solid #FF8019;
    border-bottom: 1px solid #FF8019;
    padding: 2px 0 2px 10px;
    line-height: 150%;
}

このページのTOPへ

スタイルシートサンプル集

CSS　見出し編 CSS　テーブル編 CSS　リスト編

このページのTOPへ