رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

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

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

مثل این

post-1392-0-13709000-1360675502_thumb.jp

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

لینک به ارسال

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


border: 1px solid #000000;

1px : عرض حاشیه

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

#000000 : رنگ حاشیه

لینک به ارسال

از خاصیت های


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

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

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

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

ویرایش شده توسط m!lad
لینک به ارسال

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

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

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

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

لینک به ارسال

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

لینک به ارسال

ممنون

كدش اينه


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 پايين هر پست رو نميكشيد

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

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

لینک به ارسال

تست کنید


.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;

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...