【Labs】CSSのborderプロパティで三角形
画像でも記号でもなくborderで三角形って？ とても簡単に作れます。サンプルをご覧ください。 1. borderを個別に指定 HTML <span class="arrow1 demo1"></span> .arrow1 { width: 0; height: 0; display: inline-block; } .demo1 { border-top: 50px solid #afc6e2; border-right: 50px solid #9fb7d4; border-bottom: 50px solid #e5bdd7; border-left: 50px solid #d49fc2; } Result サンプルとCSSのコードを見ればピンときた方も多いのではないでしょうか。 そうです。残したい角度のborder以外、色を消してしまえばいいのです。 2. 右向きの三角形 例えば
【Guide】スマホサイトの作成・基本編
こんにちは（・∀・） スマホサイトを作ると言ってもいろいろとあります。 例えば、既にあるWebサイトをPCサイト・スマホサイトに対応させる、一からPCサイト・スマホサイトを作る、PCサイトはすでにあるので、スマホサイトを別に作ってPCサイトとJavaScriptなどを利用して振り分けるなどなど... ここではHTML5+CSS3を使って、一からPCサイト・スマホサイト(iPhone・Android)を作る方法についてご紹介していきたいと思います。 HTML5でスマホサイトを作るときの基本 HTML5でページを作成していきます。HTML5についての詳しい解説はHTML5・ページ作成の基本をご覧ください。 今回はPCサイト・スマホサイトを一つのHTMLで作りますのでPCサイトも考慮してHTMLを組んでいきます。 なお、スマホサイトの横幅はリキッドレイアウトで指定して可変レイアウトにします。スマ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
