【WordPress】スクロール可能な表を作成する手順

スポンサーリンク

WordPressでスクロール可能な表を作成する

WordPressで表をスクロール可能にする場合のコードは以下の通りです。

<div style=”height: ○○○px; width: ○○○px; overflow-y: scroll;”>
<table border=”1″ width=”300″ bgcolor=”#○○○○○○”>
<tbody>
<tr>
<td>○○○</td>
</tr>
</tbody>
</table>
</div>

【ポイント】

・”<td>○○○</td>” の○○○の部分に、実際の表コードを入れます。

・heightが表の縦幅、widthが表の横幅。それぞれ適切な数値を入れます。

・ bgcolor=”#○○○○○○”の○○○○○○の部分が表の背景色の指定。 色彩チャート基準のコードを入れます。

【スクロールさせる表】

今回は次の表をスクロールさせます。

新聞 部数 株所持TV局
読売 950万部 日本テレビ
朝日 700 テレビ朝日
毎日 430 TBS
日経 380 テレビ東京

【実際にできた表】

・height: 150px; width: 300px;  bgcolor=”#F7F7FC”で設定しました。

新聞 部数 株所持TV局
読売 950万部 日本テレビ
朝日 700 テレビ朝日
毎日 430 TBS
日経 380 テレビ東京

Twiiterフォロー
スポンサーリンク
関連ページ

フォローする

スポンサーリンク