zoukankan      html  css  js  c++  java
  • BulletedList用途

    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>

     

  • 相关阅读:
    请求报文的方法及get与post的区别
    fiddler响应报文的headers属性详解
    fiddler请求报文的headers属性详解
    Session与Cookie的区别
    python学习之函数(四)--递归
    python学习之函数(四)--lambda表达式
    python学习之函数(三)--函数与过程
    python学习之函数(二)——参数
    python学习之序列
    python学习之函数(一)
  • 原文地址:https://www.cnblogs.com/xiaowie/p/9149693.html
Copyright © 2011-2022 走看看