知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

ラインの引き方について…

本文とプラグインを線で囲むようにするにはCSSのどこをいじればいいのでしょうか?
よろしくお願いします。

2006-12-26 15:52の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-12-26 19:44:09ベスト
本文の部分は
#content{
の後に
border:solid #00741e;
border-width:1px 1px 1px 1px;
を追加

プラグインの部分は
#links{
の後に
border:solid #00741e;
border-width:1px 1px 1px 1px;
を追加で良いと思いますが…

ちなみに
[solid]は単線なので
[double]にすれば二重線
[dotted]は点線になります
[#00741e]はカラーコード
pxは線の太さになり
線を引きたい箇所の指定が
左から順に[上][右][下][左]になります
ですので例えば、右だけに少し太い線が欲しい場合は
border:solid #00741e;
border-width:0px 2px 0px 0px;
こう記述することになります

カラーコード


御参考までに・・・

こっちでした。すいません
改めてありがとうございます!

Ads By Google

コメント(5)

2006-12-27 00:59:05

日にち別に区切って囲んだり、プラグイン別に囲ったりっていうのはできないのでしょうか?

#2.  Kiss115
2006-12-28 01:28:19

それでは
回答>>1で追加した分は必ず削除して下さい

日毎に区切るには

.datebody{
の後に
border:solid #00741e;
border-width:2px 2px 0px 2px;
を追加
.blogbody{
の後に
border:solid #00741e;
border-width:0px 2px 0px 2px;
を追加
.blogbodybottom{
の後に
border:solid #00741e;
border-width:0px 2px 2px 2px;
を追加してください

これだけでは記事タイトルの画像が邪魔しちゃうので
画像を少し右にやるため
.titlebody{
の後に
margin:0 0 0 10px;
を追加した方がよいかも・・・

次にプラグインを区切ります
.sidetitlebody{
の後に
border:solid #00741e;
border-width:2px 2px 0px 2px;
を追加
.side{
の後に
border:solid #00741e;
border-width:0px 2px 2px 2px;
を追加で良いと思います

試してみて下さいませんか?

2006-12-31 17:43:48

試してみたのですがどうも細いラインが繋がってしまいます。数字も変えてみたのですがうまくいきません。

#4.  Kiss115
2006-12-31 17:53:03

※回答
>>1

#content{

#links{
に追加した記述は削除してください

#5.  Kiss115
2007-01-03 08:10:30

安心しました^^

トラックバック(2)

トラックバックURL: