3-9 BulletedList导航条实例

最新推荐文章于 2021-06-19 23:52:16 发布

原创最新推荐文章于 2021-06-19 23:52:16 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

ASP.NET 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一个使用 ASP.NET 和 HTML 实现的菜单导航栏设计案例，该导航栏具备简洁的样式和良好的用户体验，适用于网站或应用程序中作为导航组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
.style1
{
margin: 0px; padding:0px;
border-bottom:1px solid #ccc; border-top:1px solid #ccc;
background-image:url(imgs/back_navbar.png);
}
.style1 li
{
display:inline-block;
padding:15px 30px 15px 30px;
border-right:1px solid #ddd;
}
.style a
{
color:#666;
text-decoration:none;
}
.style a:hover
{
color:Red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:BulletedList ID="BulletedList1" runat="server" CssClass="style1" DisplayMode="HyperLink">
<asp:ListItem>我要自学网</asp:ListItem>
<asp:ListItem>百度</asp:ListItem>
<asp:ListItem>淘宝</asp:ListItem>
<asp:ListItem>腾讯</asp:ListItem>
</asp:BulletedList>
</div>
</form>
</body>
</html>