给 asp.net ajaxtab 写点Css

最新推荐文章于 2024-11-16 15:31:37 发布

eveong

最新推荐文章于 2024-11-16 15:31:37 发布

阅读量239

点赞数

分类专栏：技术相关文章标签： asp.net border ajax css url c

本文链接：https://blog.csdn.net/eveong/article/details/2589420

版权

技术相关专栏收录该内容

5 篇文章 0 订阅

订阅专栏

ajax 的TabContainer着实是朴素了些。要让他变得漂亮一些，着实也得下点功夫你需要去写 .ajax__tab_tab .ajax__tab_hover .ajax__tab_active 样式。为什么这样写，或许需要去看TabContaine源码咯

.AjaxTabStrip .ajax__tab_tab

{

	min-width: 120px;

	height: 20px;

	padding: 5px 5px 0px 5px;

	background-color: #f1f1f1;

	color: #75767a;

	font-weight: bold;

	border: solid 1px #C3C3C3;

	border-bottom-width: 0px;

}


.AjaxTabStrip .ajax__tab_hover .ajax__tab_tab

{

	text-decoration: underline;

	color: #75767a;

	font-weight: bold;

}

.AjaxTabStrip .ajax__tab_active .ajax__tab_tab

{

	font-weight: bold;

	height: 25px;

	border-bottom-width: 0px;

	margin-bottom: -2px;

	background: url(../../Images/tab-body-bg.gif) repeat-x top;

	border-top-width: 0px;

}


.AjaxTabStrip .ajax__tab_body

{

	border: solid 1px #EEEEEE;

	background: #FFFFFF;

	min-height: 300px;

	padding-top:20px;

}

这也是参照别人写的。