css

css

[CSS]奇数とか偶数とかn番目とか忘れてしまうのでメモ。

tableで交互に色つけてーとかn番目の要素だけ背景色変えてーとか、よく忘れます・・・歳ですもん。てことで、今回は筆者の本当のメモです。すみません。歳には敵わないのです。奇数番目に色付ける要素:nth-child(odd){スタイル}See...
css

[jQuery CSS]jQueryで手っ取り早くドロップダウンメニュー作っちゃうよ!3階層目以降は対応しないよ!

新年あけましておめでとうございます。今年もよろしくお願い致します。さて宣言通り週一で更新していきますよ。新年一発目はみんな大好きjQuery!泣く子も黙るドロップダウンメニュー!デモSeethePenjWypXbbymitsukisagay...
css

[CSS]display:inline-blockでできる隙間をなくす方法

最近はul,liを横並びにーとか、商品一覧は横並びにーという時はdisplay:inline-blockを使ってます。理由はclearやclearfixが要らないから。(あまり理由になってないけど)という訳でdisplay:inline-b...
css

[CSS3]擬似クラスと擬似要素をまとめてみた。

いい加減ググッてばかりいないでまとめます擬似クラスと擬似要素。擬似クラス・擬似要素って?マークアップすることができなかったり(このケースは少ない)、好ましくない特定の状況のときに使用するセレクタです。要するに「んークラス付けるとめんどくなる...
css

[CSS]classもidもないtableにcssを当てる簡単なお仕事です。

先日Excelから表をコピーしてきてWordPressに貼り付けて、そのtableに色を付けたいという「アイデア出せやコラ」っていう脅迫めいたお願いごとがあったときのお話をば少々。ExcelからWordPressにコピペするのはPCにあまり...
css

[CSS,border-radius]tableを角を丸くするのって結構めんどいよね

すっかり寒くなりましたね。次回の更新は暖かくなるころだと思いますはい。今回はtableの角を丸くしてみよー!結論からお話させていただくとtableをborder-collapse:collapse;してあるとできません。reset.cssを...
css

[CSS]olの番号に括弧を付けてみた。正確にはolの番号に括弧は付けれらないよね。

olの番号に括弧を付けてみた。正確にはolの番号に括弧は付けれらないよね。だからcounter-incrementで連番振ってcontentで括弧付き番号振っちゃうもんね。
css

[CSS3,影]よく使う影(box-shadow)をまとめてメモっとく ※オレ用に

css3のbox-shadowを使った影のつけかたいろいろ。
css

[CSS,CSS3]box-sizing(border-box)でborder、paddingを気にしないスローライフな生活を送ろう!

box-sizing(border-box)のありとなしとの違いとbox-sizing(border-box)を使ったサンプルを紹介。
css

[CSS]CSSでアイコンを実装できるICONOを使ってみた。

CSSだけでアイコンを実装できるiconoの使い方をサンプル付きで解説。