一些实用的TAB效果

2016-02-19 11:42 1 1 收藏

最近很多朋友喜欢上设计，但是大家却不知道如何去做,别担心有图老师给你解答，史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发】

<HTML><HEAD><TITLE>无标题文档</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><META HTTP-EQUIV="imagetoolbar" CONTENT="no"> <STYLE TYPE="text/css"> a, a:link{text-decoration: none; color:#000000; font-size:9pt;}a:visited{text-decoration: none; color:#000000;}a:hover{text-decoration: underline; color:red;} BODY, TD, Select{FONT-SIZE:9pt; FONT-FAMILY:"宋体";} #TabStrip {width:500px;background-color:#66CCFF;padding:10px;} #TabStrip #TabCard{width:90%;margin:0px;list-style-type: none;} #TabStrip #TabCard LI { float:left; width:100px; height:20px; padding-top:4px; border:1px #7d7d7d solid; border-bottom:none; background-color:#CCC; text-align:center; cursor:default; position:relative; margin:1px; } #TabStrip #TabBody DIV{ display:none; border:1px #7d7d7d solid; background-color:#FFF; width:100%; height:400px; padding:5px; margin-left:2px; } </STYLE>  </HEAD> <BODY onload="set_tab_card(0);" bgcolor="#FFFFFF" text="#000000" leftmargin="20" topmargin="20"> 用户管理 用户组管理 用户组管理1 测丶式1 测丶式2 测丶式3   </BODY> </HTML>

<html> <head> <title>项目申报</title> <STYLE type="text/css"> body,td{ font-size:12px; color:#000000; background-color:threedface; vertical-align: middle; } .checkbox{width:12px;height:12px;} .cked{ margin:0px;padding:0px;width:100%;display:block;background-color:highlight;color:highlighttext; } .nock{ margin:0px;padding:0px;width:100%;display:block; } .tab{ cursor:hand; border-top:solid thin white; border-right:solid thin gray; border-left:solid thin threedface; font-family:Verdana; font-size:10pt; text-align:center; font-weight:normal} .selTab{border-left:solid thin white; border-top:solid thin white; border-right:solid thin gray; font-size:10pt; font-weight:bold; text-align:center} .td_no_bottom { width:100%; height:100%; border-color:white; border-bottom:0} .td_top_right { width:100%; height:100%; border-color:white; border-bottom:0; border-left:0} .td_no_left { width:100%; height:100%; border-color:white; border-left:0} .td_all { width:100%; height:100%; border-color:white} .title { font-size:16px; font-weight:bold;}  .tips {background-color:transparent; border:0;color:#990000; font-size:14px;} </STYLE>  </head> <body onload="init()">   </body> </html>

来源:https://www.tulaoshi.com/n/20160219/1598290.html

看过《一些实用的TAB效果》的人还看了以下文章更多>>

Html:网页制作中常用的一些实用辅助代码

标签： Web开发

点击返回上页代码: ＜form＞＜p＞＜input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"＞＜/p＞＜/form＞弹出警告框代码: ＜form＞＜p＞＜input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()"＞＜/p＞＜/form＞＜script language="JavaScript"＞＜!-- function AlertButton(){window.alert("要...

常用Windows XP系统的一些简单实用网络技巧

标签：电脑入门

我们在使用Windows XP是目前得最多的操作系统，为此书虫将自己在这几年使用的经验汇总成连载奉献给大家。条条力求精炼实用。今天送出的是网络一些技巧，下面来分享给大家。让Windows Messenger不再自动启动如果你不经常使用Windows Messenger，那么完全可以该软件从自启动列表中去掉，让它不再跟随系统一同启动。打开注册表编辑器，找到[HK...

一些瑜伽动作

标签：瑜伽养生健康

练瑜伽可以赶走身体上面的多余脂肪，接下来介绍一些重塑线条的瑜伽动作。因为手臂、背部及腰间的赘肉一般都很难够瘦掉，所以在练习下面的瑜伽动作之外，还需要控制自己的饮食，不要吃过高热量的食物，这样才能达到比较好的效果。击退肚腩 step1 先坐在地上，再屈膝及以双手用力拉紧大腿位置; ...

酥油的一些做法

标签：酥油

抹茶奶黄酥的做法抹茶奶黄酥做法和步骤1黄油室温软化，加入糖搅打均匀。分次加入蛋液搅打均匀。所有粉类混合筛入拌匀。加入牛奶混合均匀。放蒸锅蒸25分钟左右，中途取出用筷子搅拌2-3次。制作好的奶黄馅稍晾凉用手抓捏成团，冷藏备用。使用前分成分成12等分的小圆，盖上保鲜膜备用。 2小贴士：1、因为液体量比较多，会出现水油分离的现象...

酸奶的一些做法

标签：酸奶酸奶的做法

抹茶酸奶冻芝士的做法抹茶酸奶冻芝士做法和步骤1原味芝士液：奶油奶酪，白砂糖，酸奶混合，隔热水软化。吉利丁片凉水泡软，沥干加入牛奶中，隔热水融化，倒入芝士液中拌匀，用手持搅拌器打匀至无颗粒状态，若气泡很多可过筛一遍。加入打至6-7分发的淡奶油拌匀即成。2倒入模子中，入冰箱冷冻。3抹茶芝士液：奶油奶酪，白砂糖，酸奶混合，隔热水...

查看更多精彩>>