1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title>网页标题</title> 6 <meta name="keywords" content="关键字列表" /> 7 <meta name="description" content="网页描述" /> 8 <link rel="stylesheet" type="text/css" href="" /> 9 <style type="text/css"></style> 10 <script type="text/javascript"></script> 11 <style> 12 li{ 13 color:gold; 14 list-style-type:none; /*去取小黑点*/ 15 text-decoration:underline; /*加下划线*/ 16 font-size:30px; 17 list-style-image:url(images/li03.jpg); /*列表加图片*/ 18 } 19 div{ 20 background-color:red; 21 width:500px; 22 height:100px; 23 } 24 div.a1{ 25 background-color:yellow; 26 width:500px; 27 height:100px; 28 text-align:center; 29 font-size:40px; 30 } 31 div:hover{background-color:#0000ff;} 32 h1{text-align:center;} 33 34 35 tr{ 36 text-align:center; 37 /*css3中的过渡属性: 需要过渡的属性,all代表所有属性 1s代表过渡所需要花费的时候*/ 38 transition:all 0s; 39 } 40 41 tr:hover{ 42 background-color:#99ff00; 43 } 44 </style> 45 </head> 46 <body> 47 <a href="http://baidu.com"><font size="40">点我试一下</font></a> 48 <h2>中国现代四大天王</h2> 49 <ul> 50 <li>刘德华</li> 51 <li>张学友</li> 52 <li>郭富城</li> 53 <li>黎明</li> 54 </ul> 55 56 <div>我是一个盒子</div> 57 <div class="a1">我是另外一个盒子</div><br><br><br> 58 59 <h1>以下是一个表格</h1> 60 61 <table border="1" width="600px" align="center" height="100px" cellspacing="0" cellpadding="10px" rules="all"> 62 <tr bgcolor="#0066ff"> 63 <th>商品</th> 64 <th>价钱</th> 65 <th>颜色</th> 66 <th>状态</th> 67 <th>大神</th> 68 69 </tr> 70 <tr bgcolor="#ff4500"> 71 <td>毛巾</td> 72 <td>二块</td> 73 <td>红色</td> 74 <td>代售</td> 75 <td>我是</td> 76 </tr> 77 <tr bgcolor="#99ffff"> 78 <td>口杯</td> 79 <td>五块</td> 80 <td>黑色</td> 81 <td>代售</td> 82 <td>你是</td> 83 </tr> 84 <tr bgcolor="#ff4500"> 85 <td>毛衣</td> 86 <td>二百</td> 87 <td>黄色</td> 88 <td>代售</td> 89 <td>他是</td> 90 </tr> 91 <tr bgcolor="#99ffff"> 92 <td>口杯</td> 93 <td>五块</td> 94 <td>黑色</td> 95 <td>代售</td> 96 <td>你是</td> 97 </tr> 98 <tr bgcolor="#ff4500"> 99 <td>毛衣</td> 100 <td>二百</td> 101 <td>黄色</td> 102 <td>代售</td> 103 <td>他是</td> 104 </tr> 105 </table> 106 </body> 107 </html>
时间: 2024-10-10 23:05:19