Tab部分非圆角，背景渐变图片拉伸
代码精简易修改
Tag Archive: css
页头：header
登录条：loginBar
标志：logo
侧栏：sideBar
广告：banner
导航：nav
子导航：subNav
菜单：menu
子菜单：subMenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：register
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendLink
页脚：footer
版权：copyRight
a:hover
{
text-decoration: underline;
color:#2288ff;
position:relative;
top:1px;
left:1px;
}
<html>
<head>
<style>
.expanded
{}
.collapsed
{DISPLAY: none;}
</style>
<script language=”javascript”>
<!–
function outliner()
{
var child = document.all[event.srcElement.getAttribute("child",false)];
if (null != child){
if(child.className == “expanded”)
{
child.className = “collapsed”;
return;
}
if(child.className == “collapsed”)
{
child.className = “expanded”;
return;
}
}
}
//–>
</script>
</head>
<body>
<img src=”images/more.gif” width=”32″ height=”14″ border=”0″ style=”cursor: hand” onClick=”outliner()” child=”3ALL”>
<div id=”3ALL”>
<div child=”3ALL2″ onClick=”outliner()”>
展开后的内容
</div></div>
</body>
</html>
<html>
<head>
<title>css圆角效果</title>
<meta http-equiv=”content-type” content=”text/html; charset=gb2312″>
<style type=”text/css”>
div.RoundedCorner{background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: white}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div>
<b><b></b><b></b><b></b><b></b></b>
<br>无图片实现圆角框<br><br>
<b><b></b><b></b><b></b><b></b></b>
</div>
</body>
</html>
