css-8.ul 列表

最新推荐文章于 2022-04-14 11:56:43 发布

code_dream_wq

最新推荐文章于 2022-04-14 11:56:43 发布

阅读量258

点赞数

分类专栏： # html

本文链接：https://blog.csdn.net/code_dream_wq/article/details/77862404

版权

html 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body {
				font: 12px arial, verdana;
			}
			
			ul.tabs {
				margin: 0;
				padding: 0;
				list-style: none;
				/*去掉列表的项目符号*/
			}
			
			.tabs li {
				float: left;
				/*让li在同一行*/
				font: 14px "微软雅黑";
				width: 93px;
				height: 32px;
				text-align: center;
			}
			
			.tabs li a {
				color: #005aa0;
				text-decoration: none;
				/*没下划线*/
			}
			
			.tabs li a:hover {
				color: #e4393c;
			}
			
			.tabs .current {
				background: #fff;
				height: 34px;
				border-top: 2px solid #E4393C;
				border-left: 2px solid #ddd;
				border-right: 2px solid #ddd;
				margin-top: -4px;
			}
			
			.tabs .current a {
				color: #E4393C;
			}
		</style>
	</head>

	<body>

		<div id="taolun">
			<div>

				<ul class="tabs">
					<li>
						<a href="#">网友讨论圈</a>
					</li>
					<li class="current">
						<a href="#">晒单贴</a>
					</li>
					<li>
						<a href="#">问答帖</a>
					</li>
					<li>
						<a href="#">圈子帖</a>
					</li>
					<li>
						<a href="#">套路贴</a>
					</li>
				</ul>
			</div>
		</div>
	</body>

</html>

code_dream_wq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css-8.ul 列表

body { font: 12px arial, verdana; } ul.tabs { margin: 0; padding: 0; list-style: none; /*去掉列表的项目符号*/ } .tabs li { float: left; /*让li在同一行*/ font: 14p
复制链接

扫一扫

专栏目录