介绍 & lt; ! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"祝辞,
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"祝辞,
& lt; head>,
& lt; meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8",/祝辞,
& lt; title>列表选项卡& lt;/title>,
& lt; style 类型=拔谋?css"祝辞,
{身体,
保证金:0 px;,
填充:0 px;,
},
#{主要,
宽度:310 px;,
边界:1 px solid # C8C8CC;,
margin-left:汽车,,
margin-right
:汽车,,
margin-top: 50 px;,
},
.main_title {,
宽度:310 px;,
边界底部:1 px solid # C8C8CC;,
高度:30 px;,
},
.chang {# main div
边界:1 px solid # C8C8CC;,
浮:左,,
宽度:153 px;,
高度:26 px;,
text-align:中心,,
padding-top
:4 px;,
光标:指针,,
},
.main_head {,
宽度:310 px;,
高度:25 px;,
背景颜色
:# FFF4F8;;
},
字体{.main_head
字体大小:13 px;,
颜色:#,808080;
margin-top: 5 px;,
},
.main_content {,
宽度:310 px;,
border-top: 1 px solid # 808080,
},
ul {.main_content
margin-left: -30 px;,
margin-top: 5 px;,
宽度:290 px;,
},
李{.main_content ul
list-style-type
:没有,,
字体大小:13 px;,
颜色:# 2464 b2,,
边界底部:1 px dotted # 808080,
行高:27 px;,
},
一个{.main_content ul li
字体大小:13 px;,
颜色:# 2464 b2,,
文字修饰
:没有,,
},
.main_content ul li :{徘徊,
文字修饰:强调,
},
ul.main_content_chang {# main div
宽度:290 px;,
位置:相对,,
z - index: 100,,
上图:0 px;,
左:0 px;,
显示:块,,
},
ul {# main div
位置:相对,,
显示:没有,,
},
时间/style> & lt;
& lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" js/jquery-1.9.1.js ">
这篇文章给大家分享的是有关使用html + css + jquery做选项卡的注意事项有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
html + css + jquery做选项卡的注意事项有哪些,下面就是实战案例,一起来看一下。
