نحوه ی ساخت یک مستطیل درون صفحه

[rey 3]

سلام

میخواستم بدونم چجوری میشه توسط سی اس اس یک مربع یا مستطیل درون صفحه کشید ؟؟

[فرشاد گوهری 1681]

در 34 دقیقه قبل، rezza گفته است :

سلام

میخواستم بدونم چجوری میشه توسط سی اس اس یک مربع یا مستطیل درون صفحه کشید ؟؟

سلام

اینطوری:

.square {
    width: 100px;
    height: 100px;
    background-color: #0088FF;
}

برای نمایشش داخل فایل HTML هم باید به این صورت عمل کنید:

<div class="square"></div>

توضیح: یه div با طول و عرض دلخواه می‌سازیم (در اینجا 100 پیکسل هست) و یه رنگ پس زمینه‌ی دلخواه هم بش اختصاص میدیم (که در اینجا #0088FF هست)

[rey 3]

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

یعنی درواقع اونا باید داخل این مربع باشن .

با این کد امکانش هست ؟

[فرشاد گوهری 1681]

در ۱ ساعت قبل، rezza گفته است :

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

یعنی درواقع اونا باید داخل این مربع باشن .

با این کد امکانش هست ؟

براى کشیدن کادر باید از ویژگی border برای المان مورد نظرتون استفاده کنند. 

اگه واستون امکانش هست آدرس آنلاین بذارید تا بگم دقیقا باید چکار کنید. 

[rey 3]

ببینید داخل صفحه یک سری المنت ها گذاشته شده مثل قیمت محصول و تعداد و ....

هرکدوم هم ی استایل خاص واسه خودشون دارن و استایلهای مجزایی رو فراخوانی میکنن .

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

همین

 

[javadnabavi 12]

باید یک div توی اچ تی ام ال تعیین کنید با یک کلاس مشخص

بعدش برای این کلاس توی سی اس اس استایل بدید و مربع بکشید.

مثلا:

<div class="morabba">
  
</div>

و استایلش:

.morabba{
width:300px;
height:300px;
border:1px solid #000;
clear:both;
}

برای اینکه دایره بشه کافیه یک خصوصیت border-radius بهش اضافه کنید

[rey 3]

در 26 دقیقه قبل، javadnabavi گفته است :

باید یک div توی اچ تی ام ال تعیین کنید با یک کلاس مشخص

بعدش برای این کلاس توی سی اس اس استایل بدید و مربع بکشید.

مثلا:

<div class="morabba">
  
</div>

و استایلش:

.morabba{
width:300px;
height:300px;
border:1px solid #000;
clear:both;
}

برای اینکه دایره بشه کافیه یک خصوصیت border-radius بهش اضافه کنید

خیلی ممنون
بعد با مارجین و پدینگ ، ببرمش توی اون قسمتی ک مدنظرم هست ؟؟؟

[javadnabavi 12]

در 36 دقیقه قبل، rezza گفته است :

خیلی ممنون
بعد با مارجین و پدینگ ، ببرمش توی اون قسمتی ک مدنظرم هست ؟؟؟

آره دقیقا