html游戏列表type属性,HTML <ul>

HTML

  • type 属性

定义

type 属性规定列表的项目符号的类型。

注:

  • 的 type 属性在 HTML 4.01 中已废弃。HTML5不再支持
    • type 属性,请使用 CSS替代。

语法

属性值值描述

disc默认值;实心圆。

circle空心圆。

square实心方块。

浏览器支持属性8d9590a95f6ddc992a3fd26bdb1c69f0.giff2bc38b00cdef6c2a35d422e12353ec7.giff9ed38904eddbf77928d2b940ac87c64.giff7730c36cb9c5efdf0af950534a7a2f6.gife45bf015599c9d04aa0249917efa134d.gif

type支持支持支持支持支持

所有主流浏览器都支持 type 属性。

兼容性注释

HTML5不再支持

  • type 属性。请使用 CSS替代。

CSS 语法:

CSS 实例:列表样式类型

html>

  • Coffee
  • Tea
  • Milk
  • Coffee
  • Tea
  • Milk

运行实例 »

点击 "运行实例" 按钮查看在线实例

在我们的 CSS 教程中,您可以找到更多有关 list-style-type 属性 的细节。

在无序列表中使用 type 属性:

实例

html>

html中文网(html.cn)
  • Coffee
  • Tea
  • Milk
  • Coffee
  • Tea
  • Milk

注意: 在 HTML 4中 type 属性已废弃,HTML5 已不支持该属性,可以使用 CSS 代替。

运行实例 »

点击 "运行实例" 按钮查看在线实例

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯CSS菜单</title> <style> *{ margin:0; padding:0; } li{ list-style:none; text-align:center; line-height:24px; } a{ text-decoration:none; color:#333333; font-size:12px; line-height:24px; display:block; } .nav ul li{ width:120px; float:left; border:1px #333 dashed; background:#FFD2D2; } .nav ul li ul{ display:none; } .nav ul li a:hover{ color:#fff; background-color:#BB0916; } .nav ul li:hover ul,.nav ul li a:hover ul { display:block; width:120px; height:24px; } .nav ul li ul li { background-color:#FEE; width:120px; } .nav ul ul li a:hover{ background:#F7F7B9; color:#666666; } </style> </head> <body> <div class="nav"> <ul> <li><a href="#">首页</a> <ul> <li><a href="#">最新更新</a></li> <li><a href="#">下载排行</a></li> </ul> </li> <li><a href="#">企业新闻</a> <ul> <li><a href="#">企业介绍</a></li> <li><a href="#">最新动态</a></li> </ul> </li> <li><a href="#">产品信息</a> <ul> <li><a href="#">最新产品</a></li> <li><a href="#">产品列表</a></li> </ul> </li> <li><a href="#">特价促销</a> <ul> <li><a href="#">促销</a></li> <li><a href="#">最新推荐</a></li> <li><a href="#">产品列表</a></li> </ul> </li> <li><a href="#">联系我们</a> <ul> <li><a href="#">公司信息</a></li> <li><a href="#">联系我们</a></li> <li><a href="#">公司地图</a></li> </ul> </li> <li><a href="#">新手论坛</a> <ul> <li><a href="#">你问我答</a></li> <li><a href="#">网站大学堂</a></li> <li><a href="#">论坛</a></li> </ul> </li> </ul> </div> </body> </html>
最新发布
06-13

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值