Ads by Google

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

スタイルシートの設定

ページ毎に設定する方法と外部ファイルにまとめて設定する方法があります。

・ページ内で設定する
<head>〜</head>内に記述

<例>(html)
<html>
<head>
<title> </title>
<style type="text/css">
<!--
ここに使用スタイルシートを上書きしてください。
-->
</style>
</head>
<body></body>
</html>

・外部ファイルで設定する
<head>〜</head>内に記述。
××.cssファイルを作成します。
「××」の部分は、自由に設定してください。

<例>(html)
<html>
<head>
<title> </title>
<link rel="stylesheet" type="text/css" href="××.css">
</head>
<body></body>
</html>

敬老の日

追加スタイルシート2

画像に枠が付きます。普通の線と点線が使えるようになります。

テーブルサンプルを使用する前に以下のタグをスタイルシート(CSS)内に追加してください。



追加スタイルシート1

テーブルに枠を付けます。
border: 1px #000000 solid;
この部分を変更すると以下のようになります。(左が基本です。)
枠線は、用途に応じて変更できます。
画像1 画像2 画像3
border: 1px border: 2px border: 3px

画像1 画像2 画像3
#000000 #0000FF #FF0000

画像1 画像2 画像3
solid double dotted
テーブルサンプルを使用する前に以下のタグをスタイルシート(CSS)内に追加してください。



基本スタイルシート1

追加:保存されていた方、申し訳ありません。
クラス名変更をお願いします。(tanntag→tag→t)
思っていた以上にクラス名が長くなってきたので削ることにしました。
以下のタグを上書き保存してください。
また、テーブルサンプルに使用スタイルシートを付加するようにしましたのでそちらをご利用くださっても構いません。

テーブルサンプルを使用する前に以下のタグをスタイルシート(CSS)内に追加してください。
・FC2ブログの場合、テンプレートの設定でスタイルシート編集内
(の#main {…}下辺り)に追加してください。
最上部で無ければ稼動すると思います。

スタイルシート(CSS)



 | HOME | 

サイト内検索

カテゴリ

Amazon.co.jp

最新記事

月別アーカイブ

RSSリンクの表示

リンク

最新コメント

最新トラックバック

カウンター