注釈などの上付き文字タグのcssでの調整を紹介します。
テーブルなど注釈は使う機会が多いと思うので、覚えておくと便利です。
■html
|
1 |
<p>テスト<span class="sup">(※)</span></p> |
■css
|
1 2 3 4 5 6 |
span.sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.7em; } |
「px」などの絶対値ではなく「em」「%」などの相対値で指定しないと、ブラウザ間での相違があるので注意です。
この記事を見た人は次の記事も見ています。
iosでth、tdが立て並びにならない場合- グラデーションのあるボーダー作成
- イメージマッピング（クリティカルマッピング）
エックスサーバーでつくったHPのFFFTPログイン方法
jqueryのみでrssを読み込み- photshopでのバッチ処理
カスタム投稿タイプのパーマリンクを数字ベースに
第九回「投稿設定のPING送信サービス設定」
Photoshop画像切り抜き
Adobe CC利用者はTypekitでモリサワが利用可能
.htaccessでキャッシュの設定
画像の下に回り込みをしない
レイアウトの種類
cssのbox-shadowで立体的なボタン
グラデーションのアニメーション- (not provided)で分からないキーワード
なぜかエラーに・・・
親タームと子タームの条件分岐
第十六回「WoredPressの保護ページの作成方法」- CSSだけでアスペクト比を固定
コメント