スタイルシートの設定

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

・ページ内で設定する
<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>

敬老の日
FC2ブックマークに追加

追加スタイルシート２

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

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



FC2ブックマークに追加

追加スタイルシート１

テーブルに枠を付けます。
border: 1px #000000 solid;
この部分を変更すると以下のようになります。（左が基本です。）
枠線は、用途に応じて変更できます。
画像１ 画像２ 画像３
border: 1px border: 2px border: 3px
画像１ 画像２ 画像３
#000000 #0000FF #FF0000
画像１ 画像２ 画像３
solid double dotted
テーブルサンプルを使用する前に以下のタグをスタイルシート（CSS）内に追加してください。



FC2ブックマークに追加

基本スタイルシート１

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

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

スタイルシート（CSS）


FC2ブックマークに追加

 | HOME | 

サイト内検索

カテゴリ

Amazon.co.jp

最新記事

月別アーカイブ

RSSリンクの表示

リンク

このブログをリンクに追加する

最新コメント

最新トラックバック

カウンター






ブログパーツ