BulletedList用途

BulletedList用途1.用作最普通的信息显示(列表方式)2.制作导航条BulletedList3中模式1.Text文本2.HyperLink连接2.LinkButton按钮BulletedList&#1

大家好,又见面了,我是你们的朋友全栈君。

1.用作最普通的信息显示(列表方式)

2.制作导航条

BulletedList3中模式

  1.Text 文本

  2.HyperLink 连接

  2.LinkButton 按钮

BulletedList 导航条实例

<span role="heading" aria-level="2">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账号...

(0)
blank

相关推荐

  • 【IBM Tivoli Identity Manager 学习文档】1 简介

    【IBM Tivoli Identity Manager 学习文档】1 简介

  • littlevgl移植_嵌入式ubuntu系统

    littlevgl移植_嵌入式ubuntu系统总述Littlevgl相比较于安卓、QT,占用资源少、使用简单,所以在linux系统下使用Littlevgl优势也比较明显。移植准备工作源码:lvgl:https://github.com/littlevgl/lvgl驱动:lv_drivers:https://github.com/littlevgl/lv_drivers例子:lv_examples:https://github.com/littlevgl/lv_examples下载慢可以将上面链接先导入到码云上再下载。配置工作源码

  • 分布式爬虫部署[通俗易懂]

    分布式爬虫部署[通俗易懂]【服务器端】1.下载redis,RedisDesktopManagerredis。2.修改配置文件(找到redis下的redis.windows.conf双击打开,找到bind并修改为0.0.0.0,然后protected-mode“no”3.打开cmd命令行进入redis的安装目录,输入redis-server.exeredis.windows.conf回车,保持程序一直开着。如果不是这个界面,证明redis服务已经开启了,需要redis-clishutdow

    2022年10月26日
  • 更改host文件_添加host文件

    更改host文件_添加host文件修改host文件来访问GitHub

    2022年10月12日
  • 免费管理系统软件_什么管理系统好做

    免费管理系统软件_什么管理系统好做1.vue2-manage此项目是vue+element-ui构建的后台管理系统,是后台项目node-elm的管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登陆、管理数据、权限验证等功能。项目地址:https://github.com/bailicangdu/vue2-manage2.Cloud-AdminCloud-Admin(开源项目)…

  • 2021-09-10 网安实验-XCTF真题实战之流量分析

    2021-09-10 网安实验-XCTF真题实战之流量分析通信流量分析使用Wireshark打开HEHEHE.pcap文件。对于通信流量分析类题目,常用的一个解法就是使用过滤器tcpcontains”.rar”来查看数据包中是否包含有rar文件,实际操作时rar可以换成zip等其他扩展名。现在在Wireshark的Filter编辑框中输入过滤器tcpcontains“.rar”,果然发了这样的通信记录,选中第一条结果,单击右键选择“FollowTCPStream”,可以看到数据包里存在一个rar文件,这里将其Dump出来(在窗口中选择Raw,然后点

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号