大家好,又见面了,我是你们的朋友全栈君。
1.用作最普通的信息显示(列表方式)
2.制作导航条
BulletedList3中模式
1.Text 文本
2.HyperLink 连接
2.LinkButton 按钮
BulletedList 导航条实例
<title>欢迎光临本网站</title> <style type="text/css"> /*创建CSS样式表*/ .style1 { /*设置 外边缘和内边缘为0px 边框底部 1px 实线 灰色 边框顶部1px 实线 灰色 */ margin:0px;padding:0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc; /*背景图片在image文件夹里的back.jpg文件*/ background-image:url(image/back.jpg); } .style1 li { /*display :内行快 添补 15 30 15 30 边框右侧 1px 实线 #ddd */ display:inline-block;padding:15px 30px 15px 30px;border-right:1px solid #ddd; } .style1 a { /*a标签 字体灰色 下划线取消*/ color:#666; text-decoration:none; } .style1 a:hover /*在a标签上盘旋时 颜色红色*/ {color:red;} </style> </head> <body> <form id="form1" runat="server"> <div> <asp:BulletedList ID="BulletedList1" runat="server" CssClass="style1" DisplayMode="HyperLink"> <asp:ListItem Value="http://www.baidu.com">首页</asp:ListItem> <asp:ListItem Value="http://51cto.com">相册</asp:ListItem> <asp:ListItem Value="http://yun.baidu.com">论坛</asp:ListItem> <asp:ListItem Value="http://yun.baidu.com">购物</asp:ListItem> <asp:ListItem Value="http://yun.baidu.com">结账</asp:ListItem> <asp:ListItem Value="http://yun.baidu.com">APP</asp:ListItem> <asp:ListItem Value="http://yun.baidu.com">日记</asp:ListItem> </asp:BulletedList> </div> </form> </body> </html>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/155736.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...