ホームページ制作のネタ発信

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

投稿日：2007/9/11 火曜日更新日：2010/9/6 月曜日

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

執筆者：takehito

comment

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

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

: CSS　背景画像（画像置換）を使わないロールオーバー

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

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

html <div class="box_01"> <div class="box_02"> <ul> <li> …

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

今はjavascriptでやるのが主流？とりあえず今回はCSSで対応しました。 div { min-height: 100px; height:auto !important; height: 10 …

: 幅いっぱいのスマホサイトのメニューで1pxのボーダーを追加する方法

基本的にスマホサイトを作る際はリキッドレイアウトにすることが多いと思う。その際１つ１つの要素に対して％（パーセント）指定をするが、1pxのボーダーを要素の間にいれようと思うと、これがなかなかうまく …