列表导航栏

最新推荐文章于 2023-03-18 03:45:00 发布

#高:)

最新推荐文章于 2023-03-18 03:45:00 发布

阅读量384

点赞数 1

分类专栏：列表

本文链接：https://blog.csdn.net/weixin_44354400/article/details/89070746

版权

列表专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<head>
	<style>
	    设置列表无点
		ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
		li {
			float: left;
		}
		
		a:link,
		a:visited {
			display: block;
			width: 120px;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #bebebe;
			text-align: center;
			padding: 4px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		a:hover,
		a:active {
			background-color: #cc0000;
		}
	</style>
</head>

<body>
	<ul>
		<li><a href="#home">Home</a></li>
		<li><a href="#news">News</a></li>
		<li><a href="#contact">Contact</a></li>
		<li><a href="#about">About</a></li>
	</ul>
</body>

link:标签定义文档与外部资源的关系。
标签最常见的用途是链接样式表.
a:link{
}
选择未被访问的链接，并设置其样式：

a:link {color:blue;}
a:visited {color:blue;}
a:hover {color:red;}
a:active {color:yellow;}
选择未访问、已访问、悬浮和活动链接，并设置它们的样式：

#高:)

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
列表导航栏

|<head> <style> 设置列表无点 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li { float: left; } a:link, a:visited { display: ...
复制链接

扫一扫