جدایی پست از ستون

[np.1400 542]

سلام

من آموزش css رو شروع کردم ولی تا اون موقع نمیتونم صبر کنم.

الان اگه دقت کنید تو سایتم همه زمینه ها سفیده و هیچ کدوم از هم جدا نشدن.

من فعلا میخوام یه خط نازک دور پست ها و ستون ها بکشم که از هم جدا بشن با یه رنگ کم.

مثل این

ممنون میشم اگه راهنمایی کنید.

[سعید شعبانی 2047]

شما باید از خاصیت border استفاده کنید مانند اینجا

border: 1px solid #000000;

1px : عرض حاشیه

solid : نوع حاشیه که می تواند dotted ,dashed و .. هم باشد

#000000 : رنگ حاشیه

[m!lad 38]

از خاصیت های

margin: 1px solird  your color;
padding: 1px;

هم میتونید استفاده کنید

margin: فاصله ای بین border و جزء مجاور

padding : فاصله ای بین content و border

ویرایش شده بهمن 91 توسط m!lad

[np.1400 542]

ممنون از اینکه زحمت مرحله 2 و 3 رو کشیدید.

اما مرحله یک اینه که نتونستم تو استایل ، پیدا کنم

رنگ یه بخش رو عوض کردم ولی کل زمینه وسط عوض شد.

من میخوام هر یه پست دورش کادر باشه و تو ستون ها هر یه ابزارک.

[Morteza 34190]

آدرس سایت همینی هست که توی امضا قرار دادید؟

[np.1400 542]

بله همینه

[np.1400 542]

ممنون

استایلم اینه

style.css

[np.1400 542]

پیداش کردم

فقط چرا خط زیر هر پست رو نمیکشه؟

فقط چپ و راست و بالا میکشه

ممنون

[Morteza 34190]

اگر دموی آنلاین دارید بزارید وگرنه کد استایل اون بخش رو بزارید تا بررسی کنیم.

[np.1400 542]

ممنون

كدش اينه

post {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #990000;
    margin: 2px solird  your color;
    padding: 5px;
    border-bottom: 0 none;
    margin-bottom: 15px;
}

مقدار border رو 2 دادم با رنگ قهوه اي

ديروز border پايين هر پست رو نميكشيد

امروز هيچ كادري نميكشه كلن.

الان تو امضام هست.

[Parsa 23463]

تست کنید

.post {
	 background: none repeat scroll 0 0 #EEEEEE;
	 border: 2px solid #990000;
	 margin: 2px solird your color;
	 padding: 5px;
	 margin-bottom: 15px;
}

این خط حذف شد:

border-bottom: 0 none;