<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>
(3)选择器练习
最新推荐文章于 2022-06-29 16:26:03 发布