1. 程式人生 > >(3)選擇器練習

(3)選擇器練習

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style type="text/css">
/*
對input樣式改變(第二種結合方式)

input{
       border:none;
       border-bottom:#000 solid 1px;

}*/
/*
列表可以自定義圖示(html與css結合的第二種方式)
*/
     ul{
         list-style-type
:none
; list-style-image:url(girl.png)
} /* 對錶格邊框設計 */ table{ border-bottom:#F00 double 3px ; border-left:#996 solid 3px; border-right:#FF6 dashed 3px; border-top:#9C9 groove 3px; width:500px; } /* 對錶格中的元素單元格進行設計(組合選擇器) */ table td{ border
:#696 dotted 1px
; padding:20px; }
.haha{ border:none; }
</style> </head> <body> <ul> <li>無序列表</li> <li>無序列表</li> <li>無序列表</li> </ul> <hr/> 姓名:<input type="text" class="haha"
/>
成績:<input type="text" class="haha"/> <table> <tr> <td><input type="text" </td> <td><input type="text" </td> </tr> <tr> <td>單元格1</td> <td>單元格2</td> </tr> </table> </body> </html>

這裡寫圖片描述