CSS 角丸グラデーションボックス
html
あいうえお
あいうえお
あいうえお
あいうえお
あいうえお
css
.box_01 {
background: url(images/box_01.gif) no-repeat top;
[...]
html
あいうえお
あいうえお
あいうえお
あいうえお
あいうえお
css
.box_01 {
background: url(images/box_01.gif) no-repeat top;
[...]
今はjavascriptでやるのが主流?
とりあえず今回はCSSで対応しました。
div {
min-height: 100px;
height:auto !important;
height [...]
CSSにて背景画像(画像置換)をしてリンクを付けている場合、Firefoxで閲覧するとはみ出てアウトラインが表示されてしまいます。
そこでこのアウトラインを表示させない方法のご紹介。
a {
outline: n [...]
前々から画像置換を使ったボタンってどうなの!?って思っていました。
そこでjavascriptを使わずにロールオーバーする方法のご紹介。
サンプルはこちら
久しぶりのグローバルナビです。今回も前回同様のテクニックですが、グローバルメニュー下部にボーダーを追加してみました。今回も画像は使っておりません。
サンプルはこちら
シンプル見出しシリーズ第6弾。今回もボーダーを使ってのデザインです。
サンプルはこちら
シンプル見出しシリーズ第5弾。今回もボーダーを使ってのデザインです。
サンプルはこちら
今回はhタグとstrongタグを使った併せ技!
サンプルはこちら
背景画像を使った見出し(タイトル)です。左上にグラデーションのかかった画像を配置することによって、万が一タイトルが2行のなってしまっても見た目の違和感をなくすことができます。
サンプルはこちら
シンプル見出しシリーズ第3弾。今回もボーダーを使ってのデザインです。よく見かけるあれです。
サンプルはこちら