بستن منو
۵۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
24
نمایش متن در HTML
5
نمایش عکس در HTML
5
لیست ها در HTML
1
جدول ها در HTML
2
فرم ها در HTML
10
مباحث عمومی در HTML
10
×

دانلود فروشگاه اندروید کلیدستان

2493

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

رنگی کردن ردیف های (rows) یک جدول (table)، به صورت یک در میان، در HTML

فرض کنید قصد داریم که ردیف های یک جدول (table)، به صورت یک در میان، دارای رنگ متفاوتی باشند، برای این منظور، می توانیم که برای ردیف های با شماره فرد (odd)، یک رنگ متفاوت (نسبت به رنگ پیش فرض) را انتخاب کنیم.

به مثال زیر توجه کنید :

مثال

<html>
<head>

<style type="text/css">
table.myTable {
    border=1;
    border-style:solid;
    border-color:#000;
}
table.myTable td{
    width:200px;
}
table.myTable tr:nth-of-type(odd) {
    background:#eee;
}
</style>

</head>

<body>

<table class="myTable">
<tr>
    <td>1-1</td>
    <td>1-2</td>
    <td>1-3</td>
</tr>
<tr>
    <td>2-1</td>
    <td>2-2</td>
    <td>2-3</td>
</tr>
<tr>
    <td>3-1</td>
    <td>3-2</td>
    <td>3-3</td>
</tr>
<tr>
    <td>4-1</td>
    <td>4-2</td>
    <td>4-3</td>
</tr>
</table>

</body>
</html>

بخش مهم کد CSS که با آن، رنگ ردیف های فرد را تعیین کرده ایم :


table.myTable tr:nth-of-type(odd) {
    background:#eee;
}

نتیجه :

Result

کپی برداری از محتوای سایت کلیدستان، ممنوع بوده و پیگرد قانونی دارد. (تنها استفاده شخصی کاربر، مجاز است) (کپی برداری توسط سایر وب سایت ها = حرام) (بیشتر بدانید)

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 0 0 0

*** نظر بدهید

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو

راهنمای تگ های HTML

راهنمای تگ های HTML بر اساس حرف اول تگ :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

بستن منو
۱۹۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مجموعه ویدئوهای آموزشی HTML5 - مجموعه HTML5 Tutorial - از thenewboston.com
53
مجموعه ویدئوهای آموزشی XHTML و CSS - مجموعه XHTML and CSS Tutorials - از thenewboston.com
46
مجموعه ویدئوهای آموزشی HTML - مجموعه HTML Tutorials
28
مجموعه ویدئوهای آموزشی HTML و CSS - مجموعه Learn HTML/CSS
19
مجموعه ویدئوهای آموزشی HTML5 و CSS3 برای مبتدیان - مجموعه HTML5 and CSS3 beginners tutorials
51
بستن منو
۴۲
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
7
نمایش متن در CSS
7
ساخت حاشیه (border) در CSS
4
عکس ها در CSS
2
ساخت انیمیشن در CSS
6
لینک ها (links) در CSS
5
رنگ ها در CSS
1
مباحث عمومی در CSS
10
بستن منو
۱۵
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مفاهیم اولیه در طراحی وب سایت
2
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
3
کار با کنترل پنل سایت
1
معرفی سایت های مفید در زمینه طراحی سایت
1
یافتن کد رنگ ها برای طراحی سایت
2
نرم افزار FileZilla
1
ارسال ایمیل، در طراحی سایت
1
مباحث عمومی در طراحی سایت
4

آخرین کلیدهای غیررایگان

شما هم می توانید کلیدهای غیررایگان منتشر کنید (بیشتر بدانید)