（3）选择器练习

来源：互联网发布：共享网络打印机运行编辑：程序博客网时间：2024/06/05 17:43

<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>

这里写图片描述

阅读全文

0 0