HTML+CSS+JS实现tab切换

Jepson Poun

已于 2022-03-24 15:40:38 修改

阅读量624

点赞数 1

分类专栏：技术分享文章标签： html

于 2022-03-24 15:39:07 首次发布

本文链接：https://blog.csdn.net/u012114437/article/details/123712738

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>tab点击切换</title>
		<style type="text/css">
			a:hover {
     
				text-decoration:none;
				color:#336699;
			}
			#tab {
     
				/* width:270px; */
				padding:5px;
				height:150px;
				color: #666666;
				/* margin:20px; */
			}
			#tab ul {
     
				padding: 0;
				margin: 0;
				list-style:none;
				text-align: center;
				height:46px;
				line-height:45px;
				border-bottom:1px #EEEEEE solid;
			}
			#tab ul li {
     
				background-color: #EEEEEE;
				width: 100px;
				cursor:pointer;
				float:left;
				list-style:none<