Category Archives: 小ネタ

CSS 角丸グラデーションボックス

html

あいうえお
あいうえお
あいうえお
あいうえお
あいうえお

css

.box_01 {
background: url(images/box_01.gif) no-repeat top;
[...]

CSS javascriptを使わずmin-heightをIEで使えるようにするCSS

今はjavascriptでやるのが主流?
とりあえず今回はCSSで対応しました。

div {
min-height: 100px;
height:auto !important;
height [...]

CSS Firefoxのリンクの線を消す方法

CSSにて背景画像(画像置換)をしてリンクを付けている場合、Firefoxで閲覧するとはみ出てアウトラインが表示されてしまいます。
そこでこのアウトラインを表示させない方法のご紹介。

a {
outline: n [...]

CSS 背景画像(画像置換)を使わないロールオーバー

前々から画像置換を使ったボタンってどうなの!?って思っていました。
そこでjavascriptを使わずにロールオーバーする方法のご紹介。
サンプルはこちら

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

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

CSS リストを使わなくても簡単にリスト風になるtext-indent

ちょっとした時などに、わざわざ新しくCSSを定義しなくてもリスト風のスタイルがtext-indentでできます。
サンプルはこちら