WEBはじめました

お花屋さん→WEB広告代理店→色々

CSS3

1009 [HTML5][CSS3] 縦書きにしてみる、ルビを振ってみる

HTML5でルビを振る rubyタグを使います。<ruby>ルビを振りたい漢字<rt>ルビ</rt></ruby>こんな感じ。簡単。だけど結構面倒。いやがんばりました。置換置換。しかしながらこのタグ、firefoxでは対応しておらず、普通の文字として認識されてしまいます。そのため、firefox対策として、<rp></rp>…

0926 [CSS3] CSS3でグラデーション変化するバナーを表示する

CSS3コードについて まず文字部分を透過した画像を作成します。 HTMLにimg指定をして、今回はboxというID名を付けたdivで囲みました。 そこに対してスタイルシートで下記のように記述します。#box{ margin: auto; padding: 10px; width: 450px; height: 200p…