Category : CSS関連

CSSを使って写真をトリミングするメモ #CSS

絶賛成長中のうちのガジュマルさんの写真をもとに、CSSを使って画像のトリミングをします。この画像はwidth="300" height="252"のサイズです。...

CSSでテーブルの奇数行・偶数行の背景に色をつけるメモ #CSS

CSS3になって便利なことといえば、擬似要素のnth-childでしょう。 それまでは、javascriptでやるしかなかったテーブルの奇数行や偶数行の背...

CSSだけでメールアイコンを作ってみたメモ #CSS

CSS3になっていろいろできるようになったので、CSSだけでメールアイコンを作ってみました。 上のメールアイコンがそれ。 見れない人向けの画像版は下...

時間的変化を与えるスタイルシートtransitionについて勉強してみた #CSS

CSS3には、時間的変化を操るtransitionがあります。 時間的変化トランジションと漢字の上にカタカナでルビをふると、不思議と何かの技っぽい。 そ...

CSSを使ってレスポンシブなテーブルレイアウトをつくるメモ #CSS

前に、cssでテーブルレイアウトを作るメモを書きましたが、今回はそのメモから発展してテーブルレイアウトからのレスポンシブにするメモです。 ひとまず、簡単な2カ...

CSSだけでリボンっぽい見出しをつくろうと試みたけど何かちゃちい #CSS

:afterや:beforeの擬似要素をつけてリボンっぽくするとか、不思議な図形をつくるとかCSSでできるようになりました。せっかくなので、どれだけのことができ...

CSSでテーブルレイアウトを作るメモ #CSS

懐かしのテーブルレイアウトをCSSを使って表現すると、レスポンシブを考えるときにも便利だって気づきました。 htmlのほうでは、普通のブロック構成をとりま...

IEでCSSのグラデーションを使うためのメモ #CSS

備忘録もかねて。 CSS3ではグラデーションを画像に頼らなくても使えるようになりました。ところが、IEではうまく表示されません。 IEは独自なものが相変...

12