本文实例为大家分享了射流研究…选项卡的具体代码，供大家参考，具体内容如下

！doctype html html lang=' en ' head meta charset=' UTF-8 ' title选项卡/标题/头像/*复位*/* { padd :0；margin:0} div #选项卡{宽度：600像素高度：400 pxmargin:100px汽车位置：相对；} .选项卡{宽度：100px高度：50 px位置：绝对；top:0}输入。tab { z-index :11opa city 33600光标：指针指针；} a . tab { z-index :10文本对齐：居中；线高：50 px文本装饰：无；颜色：黑色；font-size :30 px} .选项卡1 {左侧：0像素；} .选项卡2 {左侧：100 px} .选项卡3 {左侧：200 px} /*鼠标滑过*/输入。标签:悬停a {底色： # CCC} /*鼠标点击*/输入。标签:选中了一个{ border:1px实心# cccborder-底部：无；背景-颜色：白色；}/*滚动设置*/div #滚动{位置：绝对；top:50px宽度：100%;高度：350 pxborder:1px固体# ccc飞越：隐藏；} div #滚动div。内容{宽度：100%；高度：100%;位置：绝对；top:0左侧：100%;划水：15抽取：0所有0.6秒线性；}输入。选项卡1:选中~ div #滚动div。内容1、输入。选项卡2:选中~ div #滚动div。内容二，输入。选项卡：选中~ div #滚动div。内容3 {左：0%；}/style body div id=' tab '输入类型=' radio ' name=' tab ' class=' tab tab tab 1 '选中/a href='#' class='tab tab1 '选项一/a输入类型=' radio ' name=' tab ' class=' tab tab tab 2 '/a href=' # ' class=' tab tab 2 '选项二/a输入类型=' radio ' name=' tab ' class=' tab tab tab 3 '/a href=' # class=' tab tab 3 '选项三/a div id=' roll ' div class=' content content 1 '哈哈111br/哈哈111br/哈哈111br/哈哈111br/哈哈111 br//div class=' content content 2 '哈哈222br/哈哈222br/哈哈222br/哈哈222br/哈哈222 br///div class='内容内容3 '哈哈333br/哈哈333br/哈哈333br/哈哈333br/哈哈333 br///div/div/body/html效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。