1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
一般的なID/クラス名の例のまとめ - blog.takuyan.com
いつも忘れて本を開くので、自分用のメモ。 転職後、WEBデザイン全般も担当するようになり、XHTML&CSSもガツガツ書くようになったが、 なにぶん、ID名とかクラス名が思いつかないことが多いので、以下表の名称を頻繁に使わせて貰っている。 部品例 名称例 本文全体を囲むコンテナ container, wrapper, page, pagebody, all ヘッダー header, header-area ナビゲーション nav, navi, navigation グローバルナビゲーション global_nav, gnav ローカルナビゲーション local_nav, lnav 補足ナビゲーション assist_nav, utility, utility_nav パンくずナビゲーション topicpath, breadcrumbs コンテンツ全体 content(s), container
レイクって主婦でも申し込めるの？ | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】
レイクってよくCMでも目にするし、消費者金融を何か利用してみようかなって考えたときには候補として考えている人もいますよね。やっぱりいくら条件が良くても全く知らない消費者金融よりは、名前を知ってて利用者が多い方が安心できます。でもレイクって主婦でも申し込みできるのでしょうか？申し込める人と申し込めない人、どういう決まりになっているのでしょうか？ レイクにはもちろん申し込み条件がありますが、20～65歳までという年齢の条件があることと、きちんと収入があることの2点だけです。つまり、主婦でも収入があれば申し込むことができるんですね。主婦の収入といえばパートということになりますが、毎月きちんと収入を得ることができていれば、正社員や派遣社員などでなくても大丈夫なのです。 レイクはレディースレイクという女性専用商品を扱っています。対象が女性というのはもちろん、レイクの担当者も全員女性というもので、借り
モビットってどんな返済方法があるの？ | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】
カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。 でもカードローンって本当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。 実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ！口座引き落とし
CSS のコメントの書き方コレアレ
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
指定されたファイルが見つかりませんでした - All About
指定されたファイルが見つかりませんでした。 All About トップへ サイトマップへ ファイルが削除されているか、あるいは存在しないアドレス（URL）へのアクセスです。 もう一度、アドレス（URL）をご確認いただき、アクセスをお願いいたします。 All Aboutへのお問い合わせやリンク切れなどのご連絡につきましては、 お手数ですが「All About へのお問い合わせ」フォームをご利用下さい。
絶対配置要素の位置の基準
『ザ・ルールズ・オブ・スタイルシート』PDF資料18,19ページのposition:absoluteに関する説明で、絶対配置要素の位置の基準について以下のように書かれているのですが、 これはあまり正確ではない。 position: absolute 包含ブロック（左上）からの移動距離 ただし、ブラウザ実装はbodyからの移動距離 包含ブロック（左上）からの移動距離というのは正しいのですが、 ただし、ブラウザ実装は～という表現から包含ブロックについて誤解があることを読み取れます。 包含ブロックとは単に親要素のことを指すのではありません。CSSの仕様で細かく場合分けして定義された用語で、 絶対配置要素の包含ブロックは「祖先要素のうち最も近い、positionの値がstaticでない要素のパディング辺。該当するボックスがなければ、初期包含ブロック」です。 PDF資料の例では、position:
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (3) 02-02 IE6で未対応だったセレクタの対応(1) | クリエイティブ | マイコミジャーナル
対応したセレクタ、対応してないセレクタ CSSのセレクタは、スタイルシートの適用先を指定するためのものだ。IE6では、CSS1.0のセレクタには対応していたものの、CSS2.0で追加されたセレクタにはほとんど対応していなかった。 IE7 beta2では一部のセレクタを除いて、基本的なセレクタには対応している。新しく対応したセレクタは以下の通りだ。 A > B A + B A:first-child A[属性名] A[属性名="属性値"] A[属性名|="属性値"] A[属性名~="属性値"] なお、対応していないセレクタは以下のようになっている。 A:lang A:focus A:before A:after A > B Aの1階層下の子要素Bを指定するセレクタ。たとえば、サンプルソース2-2-1のように「body > p」と指定すると、<body>の１階層下にある<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Spriteを活用しよう - DesignWalker
notoohot | study : FLASHの貼付け方 の編集
403 Forbidden