کدای مربوط به بوردر:
border-top : حاشیه بالا
border-right: حاشیه راست
border-bottom: حاشیه پایین
border-left: حاشیه چپ
border-color: رنگ حاشیه
border-radius: زاویه دور حاشیه
_____
مثلا وقتی شما میزنی:
}style
border-top:5px;
border-right:2px;
border-bottom:7px;
border-left:3px;
{
باکس شما از هر طرف به همون مقداری که مشخص کردی حاشیه میگیره. برایا ینکه بتونی آسون تر کار کنی میشه همه 4 کد بالارو تو یه خط کد خلاصه کرد:
}style
;border: 5px 2px 7px 3px
{
که این 4تا عدد به ترتیب حاشیه بالا , راست , پایین و چپ رو مشخص میکنن.
border-color که معلومه! رنگ حاشیه رو مشخص میکنه و باید جلوش یکی از کدای رنگ رو بزنی.
border-radius مربوط به زاویه ای که گوشه های باکس شما میگیرن مربوط میشه. اگه دقت کنی باکسای پی تی هیچ کدوم تیز نیستن و یه زاویه اوریب دارن.
کدشو باید اینطور وارد کنی:
}style
;border-radius: 5px
{
اینطوری همه گوشه های باکست به یک اندازه (5پیکسل) اوریب میخورن ولی اگر بخوای زاویه ها یکی نباشه میتونی اینطوری وارد کنی:
}style
;border-radius: 8px 5px 6px 10px
{
این عددا به ترتیب از سمت چپ مربوط میشن به زاویه گوشه
بالای سمت چپ ,
بالای سمت راست ,
پایین سمت راست ,
پایین سمت چپ.
زمینه ی صفحه ام آبی پر رنگه میخوام یه border سفید رنگ باشه که توش نوشته های صفحه رو قرار بدم .
یه مربع سفید باشه کافیه ولی حالا اگه لبه هاش هم گرد بود چه بهتر .
اینی که میخواین یه مربع سفید داشته باشین , فقط با عوض کردن رنگ پس زمینه باکس میشه بهش رسید . گرد کردن لبه هام که توضیح دادم...