Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Liên hệ
0398.259.259
Chạy thử Css :nth-child odd - even
Chạy thử Css :nth-child odd - even
Chạy thử Css :nth-child odd - even
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Chạy thử Css :nth-child odd - even</title> <style> * { -webkit-box-sizing: border-box; -moz-box-sizing Box Model addition in CSS3. : border-box; box-sizing: border-box; } #ulodd li:nth-child(odd) { background-color: yellow; } #uleven li:nth-child(even) { background-color: yellow; } </style> </head> <body> <h2>Css :nth-child odd</h2> <ul id="ulodd"> <li>li 1</li> <li>li 2</li> <li>li 3</li> <li>li 4</li> <li>li 5</li> <li>li 6</li> <li>li 7</li> <li>li 8</li> </ul> <h2>Css :nth-child even</h2> <ul id="uleven"> <li>li 1</li> <li>li 2</li> <li>li 3</li> <li>li 4</li> <li>li 5</li> <li>li 6</li> <li>li 7</li> <li>li 8</li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <title>Chạy thử Css :nth-child odd - even</title> <style> * { -webkit-box-sizing: border-box; -moz-box-sizing Box Model addition in CSS3. : border-box; box-sizing: border-box; } #ulodd li:nth-child(odd) { background-color: yellow; } #uleven li:nth-child(even) { background-color: yellow; } </style> </head> <body> <h2>Css :nth-child odd</h2> <ul id="ulodd"> <li>li 1</li> <li>li 2</li> <li>li 3</li> <li>li 4</li> <li>li 5</li> <li>li 6</li> <li>li 7</li> <li>li 8</li> </ul> <h2>Css :nth-child even</h2> <ul id="uleven"> <li>li 1</li> <li>li 2</li> <li>li 3</li> <li>li 4</li> <li>li 5</li> <li>li 6</li> <li>li 7</li> <li>li 8</li> </ul> </body> </html>
0398.259.259
Messenger
Chỉ Đường
Gọi điện
