htmlリンク集テンプレート無料配布

htmlで構成したリンク集です。スタイルシートで整形されています。

■以下の書庫（圧縮）ファイルをダウンロードします。

スタイルシートの変更方法

htmlリンク集をカスタマイズする
cssフォルダ内のスタイルシートをメモ帳で開くと、以下の文章が記述されています。
body{background-color:#000000;
margin:0;
padding:0;
text-align:center;
margin:auto;}
.contents {width:700px;
background-color:#000000;
text-align:center;}
.contents3 {width:95%;
vertical-align:top;}
.contents3 h2 {font-size:14px;
font-family:Arial, Helvetica;
color:#999999;
margin-top:10px;}
.contents4 {width:95%;
margin-bottom:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
border:solid 1px #999999;}
.contents4 p {font-size:14px;
text-align: justify;
line-height:160%;
color:#ffffff;}
a {color: #ffffff;
text-decoration: none;}
a:hover {text-decoration: underline;}
１）body{background-color:#000000;の部分の#以下の記述（#000000)を変更すると背景色が変わります。
２）.contents {width:700px;の部分の700pxを変更するとテーブルサイズが変わります。。
３）background-color:#000000;の部分の#以下の記述（#000000)を変更するとテーブル背景色が変わります。
４）.contents3 h2のcolor:#999999;の部分の#以下の記述（#999999)を変更すると中央の表題文字色が変わります。
５）.contents4 のborder:solid 1px #999999;の部分の#以下の記述（#999999)を変更すると枠色が変わります。
６）.contents4 pのfont-size:14px;を変更すると、紹介文の文字サイズが変わります。
７）紹介文の文字カラーの変更は、color:#ffffff;の部分の#以下の記述（#ffffff)を変更します。
８）a {color: #ffffff;の部分の#以下の記述（#ffffff)を変更すると、リンク文字色が変わります。