Réponse :
Explications :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Damier 5x5 HTML+CSS </title>
<style type="text/css" media="screen">
*{margin: 0; padding: 0}
ul {width: 410px; list-style: none; overflow: hidden;border: 1px solid black}
li {width: 80px; height: 80px; background-color: red; float: left; text-align: center; line-height: 80px; border: 1px solid black}
.case_n {background-color: grey; color: blue; font-weight:bold;}
.case_b {background-color: white; font-style:italic; font-size: 1.8em;}
.case_n:hover { color: #FF1493;}
.case_b:hover { background-color: #FF1493;}
</style>
</head>
<body>
<ul>
<li class="case_n" >1</li>
<li class="case_b" >2</li>
<li class="case_n" >3</li>
<li class="case_b" >4</li>
<li class="case_n" >5</li>
<li class="case_b" >6</li>
<li class="case_n" >7</li>
<li class="case_b" >8</li>
<li class="case_n" >9</li>
<li class="case_b" >10</li>
<li class="case_n" >11</li>
<li class="case_b" >12</li>
<li class="case_n" >13</li>
<li class="case_b" >14</li>
<li class="case_n" >15</li>
<li class="case_b" >16</li>
<li class="case_n" >17</li>
<li class="case_b" >18</li>
<li class="case_n" >19</li>
<li class="case_b" >20</li>
<li class="case_n" >21</li>
<li class="case_b" >22</li>
<li class="case_n" >23</li>
<li class="case_b" >24</li>
<li class="case_n" >25</li>
</ul>
</body>
</html>
Copyright © 2025 ELIBRARY.TIPS - All rights reserved.
Lista de comentários
Réponse :
Explications :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Damier 5x5 HTML+CSS </title>
<style type="text/css" media="screen">
*{margin: 0; padding: 0}
ul {width: 410px; list-style: none; overflow: hidden;border: 1px solid black}
li {width: 80px; height: 80px; background-color: red; float: left; text-align: center; line-height: 80px; border: 1px solid black}
.case_n {background-color: grey; color: blue; font-weight:bold;}
.case_b {background-color: white; font-style:italic; font-size: 1.8em;}
.case_n:hover { color: #FF1493;}
.case_b:hover { background-color: #FF1493;}
</style>
</head>
<body>
<ul>
<li class="case_n" >1</li>
<li class="case_b" >2</li>
<li class="case_n" >3</li>
<li class="case_b" >4</li>
<li class="case_n" >5</li>
<li class="case_b" >6</li>
<li class="case_n" >7</li>
<li class="case_b" >8</li>
<li class="case_n" >9</li>
<li class="case_b" >10</li>
<li class="case_n" >11</li>
<li class="case_b" >12</li>
<li class="case_n" >13</li>
<li class="case_b" >14</li>
<li class="case_n" >15</li>
<li class="case_b" >16</li>
<li class="case_n" >17</li>
<li class="case_b" >18</li>
<li class="case_n" >19</li>
<li class="case_b" >20</li>
<li class="case_n" >21</li>
<li class="case_b" >22</li>
<li class="case_n" >23</li>
<li class="case_b" >24</li>
<li class="case_n" >25</li>
</ul>
</body>
</html>