Monthly Archives: 9月 2007

CSS シンプルなボーダーを使った見出し(タイトル) その6

CSS シンプルなボーダーを使った見出し(タイトル) その6

シンプル見出しシリーズ第6弾。今回もボーダーを使ってのデザインです。

サンプルはこちら

CSS シンプルなボーダーを使った見出し(タイトル) その5

CSS シンプルなボーダーを使った見出し(タイトル) その5

シンプル見出しシリーズ第5弾。今回もボーダーを使ってのデザインです。

サンプルはこちら

CSS シンプルなボーダーを使った見出し(タイトル) その4

CSS シンプルなボーダーを使った見出し(タイトル) その4

今回はhタグとstrongタグを使った併せ技!

サンプルはこちら

CSS 背景画像を使った見出し(タイトル)Mozilla Japan風

CSS 背景画像を使った見出し(タイトル)Mozilla Japan風

背景画像を使った見出し(タイトル)です。左上にグラデーションのかかった画像を配置することによって、万が一タイトルが2行のなってしまっても見た目の違和感をなくすことができます。

サンプルはこちら

CSS シンプルなボーダーを使った見出し(タイトル) その3

CSS シンプルなボーダーを使った見出し(タイトル) その3

シンプル見出しシリーズ第3弾。今回もボーダーを使ってのデザインです。よく見かけるあれです。

サンプルはこちら

CSS リスト(li)に画像を配置するスタイル

CSS リスト(li)に画像を配置するスタイル

サイドメニューのリスト部分やヘッダーメニューのリスト部分に使えるスタイル。

サンプルはこちら

CSS シンプルなテーブルデザイン その2

CSS シンプルなテーブルデザイン その2

ちょっと立体的なテーブルデザインを作ってみました。
僕はあまりこのタイプのテーブルはあまり使わないけど、まぁありかもね。

サンプルはこちら

CSS PDFなどのアイコンを自動で表示する裏技

CSS PDFなどのアイコンを自動で表示する裏技

pdfやdocなどの決まった拡張子にCSSを使って自動でアイコンを表示させる方法がphpspot開発日誌に紹介されていました。
とっても便利なのでゼヒ使ってみましょう。
※IE6では表示されないのでjavascriptと組み合わせる必要があります。

サンプルはこちら

CSS シンプルなボーダーを使った見出し(タイトル) その2

CSS シンプルなボーダーを使った見出し(タイトル) その2

シンプル見出しシリーズ第2弾。
今回もボーダーを使ってのデザインです。それなりに利用頻度は高いかも!?

サンプルはこちら

CSS 定義型リスト(dl,dt,dd)の横並びスタイル

CSS 定義型リスト(dl,dt,dd)の横並びスタイル

最近はあまり使わなくなりましたが、定義型リストの横並びをやってみました。
日付の入るようなものはテーブルでいいと思うがどうでしょう?
もしくは、横並びにする必要はないのかも…

サンプルはこちら