スタイルシートの見出しに出てくるLを回転させたような線につい

[新着] Webテンプレートを仮オープンしました



0   名前: はな : 2006/10/28(土) 11:44  ID:/usM/g/9
スタイルシート掲示板にて、仕切り直しです。
http://www.tagindex.com/cgi-lib/q2bbs/patio.cgi?mode=view&no=977
のソースを元にページを作ったのですが、どうやらみだしに線が入ってしまうようです。
どうやら直すスタイルシートは、このあたりだと思うのですが、
div.title1{
color: #FFFFFF;
background-color: #006400;
width: 450px;
margin: 0em auto;
border-width: 3px;
border-style: solid;
border-color: #CCC #999 #999 #CCC;
}
h1{
font-size: large;
font-weight: normal;
text-align: center;
margin: 3px;
border-width: 1px;
border-style: inset;
border-color: #FFF;
}
div.title2{
color: #000000;
background-color: #FFFFCC;
width: 342px;
margin: 0em auto;
border-width: 2px;
border-style: solid;
border-color: #CCC #999 #999 #CCC;
}
h2{
font-size: small;
text-align: center;
margin: 3px;
border-width: 1px;
border-style: inset;
border-color: #CCC;
}
h2 em{
font-size: medium;
font-style: normal;
letter-spacing: 1em;
}
よく分かりません。
予測としては、このあたりがきになるのですが・・・。
margin: 0em auto;
border-width: 3px;
どうなのでしょうか?

1   名前: カヅサツ ◆ThCi95HEzw : 2006/10/28(土) 11:44  [URL]  ID:O5hEMlpW
h1要素の枠線の、上辺と左辺を消す、で良いですね?
h1{
	font-size: large;
	font-weight: normal;
	text-align: center;
	margin: 3px;
	border-width: 1px;
	border-style: inset;
	border-color: #FFF;
}




h1{
	font-size: large;
	font-weight: normal;
	text-align: center;
	margin: 3px;
	border-width: 0px 1px 1px 0px; /* 枠線の太さ。上右下左の順 */
	border-style: inset; /* 枠線の形状(凹んだ感じの線) */
	border-color: #FFF; /* 枠線の色 */
}


2   名前: はな : 2006/10/28(土) 11:44  ID:/usM/g/9
思っていたのと、違ったみたいです。
あまり目立たないのでそのままいこうと思います。
ありがとうございました。

一覧へ戻る