(3)選擇器練習
阿新 • • 發佈:2018-12-25
<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>