(閉じる)

はてなブックマーク > コンピュータ・IT > [CSS]画像を使用せずに、背景をストライプやチェッ...

[CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート | コリス

coliss.com

タグ :

コンピュータ・IT 309 users このエントリーをはてなブックマークに追加

[CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート | コリス

対応ブラウザはFirefox 3.6+, Chrome, Safariです。 デモページでは画像を使用せずに、ストライプなど計6種類の背景パターンが紹介されています。 スタイルシートは下記のようになります。 CSS：ストライプ 全てのベースとなる指定です。 L.8-10で、ストライプのサイズを指定します。 .stripes { height: 250px; width: 375px; float: left; margin: 10px; -webkit-background-size: 50px 50px... > このページを見る

最終更新時間: 2010年12月27日08時52分
▼ブログで紹介する

みんなのブックマーク 人気（0） 新着

  • igrep igrep , ,
    かっこいい 2011/04/09
  • chimantare chimantare
    背景をストライプやチェック柄にするスタイルシート。firefox、IEだめなのでスマートフォンとかに良いかも。 2011/04/07
  • kams3261 kams3261 , ,
    画像を使わないで背景をストライプやチェック柄にするCSSテク 2011/02/03
  • azure428 azure428 ,
    そのうちcssでイラスト描くようになるんだろうか 2011/01/03
  • o_hiroyuki o_hiroyuki ,
    cssのみでストライプやチェック柄を作る 2010/12/29
  • efcl efcl
    gradientを使ってCSS3のみでストライプ 2010/12/29
  • kasane_yuuhi kasane_yuuhi , ,
    ストライプなど計6種類の背景パターンを紹介｜css3｜対応ブラウザはFirefox 3.6+, Chrome, Safari 2010/12/29
  • mifio mifio
    メモメモ　画像の方が楽かもしれないけど、色変えたい時にいちいちフォトショ立ち上げるよりテキストエディタで直す方が楽な事もあるし。 2010/12/28
  • graceful_life graceful_life
    コレ応用すれば、簡単にアイコンとか作れそう。QWebkitあたり使って実装してみるか 2010/12/28
  • me_1230 me_1230
    みぃ姉 の Google リーダー スター付きアイテム --------------------------- [CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート | コリス -------------------------------------------- 26 Dec 2010, 11:52 pm CSS3グラデーション 2010/12/28
  • kyotaweb kyotaweb
    仕組みがわからん・・・ 2010/12/27

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?