【備忘録】ブログカスタマイズ②
おはこんばんちあ
HTMLで編集するときのメモ
目次 |
---|
〇テーブル |
〇内部リンク |
〇ちょっと見栄えアップ |
下をはっ付ければできる!!説明不要!!
<table>
<tbody>
<tr>
<th scope="col" align="left" bgcolor="yellow">目次</th>
</tr>
<tr>
<th scope="col" align="left"><a href="#1">①テーブル</a></th>
</tr>
<tr>
<th scope="col" align="left"><a href="#1">②内部リンク</a></th>
</tr>
</tbody>
</table>
align="left"が左寄せ
bgcolor="yellow"でセル背景色が変わる?変わらんけど
#が頭に入るよ
<a href="#1">〇内部リンク</a>
リンク先
#は消すよ
<a id="1">〇内部リンク</a>
<p class="bgcolor">ちょっと見栄えアップ</p>
デザインCSSに以下を追加
.bgcolor{ font-size: 1.5em;/* フォントサイズ */ font-weight: bold;/* フォント太さ */ padding-top: .5em; padding-bottom: .5em; padding-left: .5em; margin-bottom: 2em; background-color: #e4b867;/* 背景色 */ color: #ffffff;/* フォント色 */ }
これだけ覚え・・・られないからの備忘録だよ!
また見つけたらのっけとこ