BulletedList用途

发布时间：2020-12-15 23:38:55 所属栏目：大数据来源：网络整理

导读：1.用作最普通的信息显示（列表方式） 2.制作导航条 BulletedList3中模式 1.Text 文本 2.HyperLink 连接 2.LinkButton 按钮 BulletedList?导航条实例 ? title欢迎光临本网站/title style type= " text/css " /* 创建CSS样式表 */ .style1 { /* 设置外边缘和

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!