然后写一个class： .on{display: block}
将这个class给第一个选项卡。
用js或者jQuery写：当鼠标移动到选项卡上方时，给该选项卡添加class（.on）：addClass("on")，鼠标离开时移出class（.on）:removeClass("on")
CSS list-style list-style-type 全部属性值2007-12-31 11:29语法：list-style-type: disc......
取值：
disc : CSS1 默认值。实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenianl : CSS2 未支持。传统的亚美尼亚数字
cjk-ideographic : CSS2 未支持。浅白的表意数字
georgian : CSS2 未支持。传统的乔治数字
lower-greek : CSS2 未支持。基本的希腊小写字母
hebrew : CSS2 未支持。传统的希伯莱数字
hiragana : CSS2 未支持。日文平假名字符
hiragana-iroha : CSS2 未支持。日文平假名序号
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序号
lower-latin : CSS2 未支持。小写拉丁字母
upper-latin : CSS2 未支持。大写拉丁字母
说明：
* 设置或检索对象的列表项所使用的预设标记。
* 若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时，此属性将发生作用。
* 假如一个列表项目的左外补丁( margin-left )被设置为 0 ，则列表项目标记不会被显示。如果要正常显示，左外补丁( margin-left )应该被设置为大约30px或更多。
* 仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。
* 注意： ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。
* 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
* 对应的脚本特性为 listStyleType 。
示例：
ul.in { display: list-itemlist-style-position: inside}
list并不能设置字符长度。。
不过可以通过css嵌套实现。。
1、首先打开hbuilder软件，新建几个默认的复选框。
2、然后在上方的style标签设置input的样式，先设置input的display属性为none，将默认的单选框去掉，在设置一下各个单选框的margin的距离。
3、接着在下方继续设置样式，设置label标签的before和after伪元素，将原有before的单选框选中状态的属性“checked+label”设置变为红色实心框，同时未选中的状态的“label::after”为白色空心方框。
4、最后打开浏览器，即可看到设置好的样式，其中被选中的是红色的实心方框，没被选择的则是没有颜色的方框。
