تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش ترسیم مثلث در HTML به وسیله CSS3

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    May 2010
    ورژن ویبولتین
    4.2
    سن
    22
    نوشته ها
    3,417
    مورد پسند
    8,062 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 8 Chrome 25.0.1364.36
    میزان امتیاز
    523

    پیش فرض آموزش ترسیم مثلث در HTML به وسیله CSS3

    با سلام ؛
    در این آموزش اختصاصی و کاملا مفید و آموزنده ، میخوایم طراحی مثلث به وسیله ی CSS رو خدمتتون آموزش بدیم
    روش انجام کار بسیار راحت هست ؛ به زبانه ساده برای رسم کردنن یک مثلث ؛ یک کلاس با طول و عرض 0 پیکسل میسازیم ؛ سپس با استفاده از border های top,bottom,left,rightr میتونیم به راحتی مثلثمونو ترسیم کنیم ، به مثال زیر توجه کنید :
    در سی اس اس داریم :
    کد:
    .ramin {
    width: 0;
    height: 0;
    border-top: 40px solid rgb(0, 226, 208);
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    }
    در اچ تی ام ال داریم :

    کد:
    <div class="ramin"></div>
    نتیجه ی کار :



    در صورتی که به جای Border-Top ؛ Border-Bottom هم بدید شکل مثلثتون بر عکس میشه .
    مقدار 40 پیکسل هم هرچی کم تر بشه ؛ مثلثتون کوچکتر خواهد بود .




    موفق باشید ، وی بی ایران .




  2. گیفت کارت آیتونز

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. آموزش ایجاد کردن سایه در باکس ها در CSS3
    توسط software در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 1
    آخرين نوشته: 2012/08/14, 07:07 PM
  2. آموزش تغییر رنگ Selection متن به وسیله css3
    توسط Sajadpm در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 0
    آخرين نوشته: 2012/07/27, 06:55 PM
  3. درجات کاربری با استفاده از css3 و html
    توسط uni در انجمن پک درجه های کاربری
    پاسخ: 7
    آخرين نوشته: 2012/06/28, 05:32 PM
  4. پاسخ: 1
    آخرين نوشته: 2012/06/08, 05:14 PM
  5. پاسخ: 3
    آخرين نوشته: 2012/05/23, 01:13 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •