پدینگ

سوال

سلام

ببخشید کار پدینگ رو به طور کامل و واضح توضیح بدید؟؟؟؟؟؟؟؟؟؟؟؟؟؟

حل شد 0
2016-05-12T17:29:52+03:30 1 پاسخ ها کاربر تازه 0

پاسخ ( 1 )

  1. SOLTANE GHALBHA
    0
    2016-05-13T06:54:23+03:30
    پاسخ

    سلام

    تعریف ساده : padding فضای ما بین محتوای HTML (تگ) ها هست ، برای مثال یک متنی داریم داخل تگ <p></p>، میخوایم این متن از 4 طرف فاصله بگیره.
    کدهای بدون Padding:

    <html>
<head>
<style type="text/css">
.beporsam{
background-color: blue;
color: white;
text-align:center;
width:100%;
margin:0px auto;
}
</style>
</head>
<body>

<p class="beporsam">اين متن ما هست و ميخوايم از چهار طرف بالا ، پايين ، چپ و راست فاصله بديم</p>

</body>
</html>

    * پیش نمایش کد بالا : کلیک کنید .

    حالا میخوایم بهش Padding از چپ،راست،بالا و پایین بدیم . که یعنی :

    padding-right | padding-top | padding-left | padding-bottom

    وقتی padding از چهار طرف بدیم ، کدها به این شکل تغییر میکنه :

    






    اين متن ما هست و ميخوايم از چهار طرف بالا ، پايين ، چپ و راست فاصله بديم

    پیش نمایش کد بالا : کلیک کنید .

    میتونید یک padding هم اندازه از چهار طرف بدید ، برای این کار از کد زیر میتونید استفاده کنید :

    padding:10px / با این کد عنصر مورد نظر شما از چهار طرف به انداز 10px فاصله میگیره .

    موفق باشید .

    بهترین پاسخ

ارسال یک پاسخ