当前位置: 首页 > 工具软件 > CSSS > 使用案例 >

csss----伪类,二级菜单显示与隐藏,html

金慈
2023-12-01

<!doctype html>

<html>

  <head>

   <title>伪类</title>

  <meta charset="utf-8" />

<meta name="keywords" content="关键字" />

<meta name="description content="网页描述" />

<meta http-equiv="refresh" content="3,url=http://www.baidu.com" />

<link rel="shortcut icon" href="路径" />

<style type="text/css" />

</style>

  </head>

 <body>

   连接:<a href="路径" target="_blank" title="这是链接"> </a>

   图片:<img src="图片路径" width="图片的宽" height="图片的高">

  无序列表:<ul>

                         <li>红茶</li>

                         <li>绿茶</li>

                    </ul>

   去掉项目符号   list-style:none;

   表格:<table > 

                  <caption>表格标题</caption>

                  <tr>

                       <td></td>

                        <td></td>

                  </tr>

             </table>

  表单:<form action="login.php(提交给谁,一般是php)" method="post'' name="form1 >

            文本框:<input type="text" name="username" />

             密码框:<input type="password" name="userpwd" />

             单选框:<input type="radio" name="sex" value="男">男

                           <input typr="radio" name="sex" value="女" >女

           多选框:<select name="city">

                           <option value="北京市" selected>北京市</option>

                            <option value="上海市">上海市</option>

                            <option value="广州市">广州市</option>

                           <option value="深圳市">深圳市</option>

                        </select>

           文本区域:<textarea name="名称" cols="10" rows="10"></textarea>

           上传文件:<input type="file" name="upfile">

            隐藏域:<input type="hidden" >

           按钮:提交按钮:<input type="submit" value=“提交”>

                      重置按钮:<inpyt type="reset" value=“重新填写”>

                      普通按钮:<input type="button" value="普通按钮">

                      图片按钮:<input type="image" src="路径">

           </form>

   伪类:a:link   默认状态;

              a:hover   鼠标放上;

              a:visited  点击后的状态;

              a:active    点击瞬间;

二级菜单显示与隐藏

display:none  隐藏

display:block  显示

 </body>

</html>

 类似资料: