rey

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

8 پست در این موضوع قرار دارد

سلام

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

0

به اشتراک گذاری این پست


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

سلام

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

سلام

اینطوری:

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


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

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

همین

 

0

به اشتراک گذاری این پست


لینک به پست

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

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

مثلا:

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

و استایلش:

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

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

1

به اشتراک گذاری این پست


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

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

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

مثلا:


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

و استایلش:


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

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

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

0

به اشتراک گذاری این پست


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

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

آره دقیقا

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری