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)


相关推荐

  • pycharm社区版使用教程_chrome简体中文

    pycharm社区版使用教程_chrome简体中文PyCharm的默认界面是英文的,安装PyCharm中文界面插件是最简单的汉化方式:①点击“File”,②出现的菜单中点击“Settings”,③在弹出的界面中,选“Plugins”,然后在右边输入框中输入“chinese”,④在搜索结果中,选中第一个结果,点击右边的“install”即可。…

  • ssd1315驱动oled屏_oled屏幕的手机有哪些

    ssd1315驱动oled屏_oled屏幕的手机有哪些淘宝隔壁老王家的OLED运动手环,非常的便宜2RMB一个。###Part0:可用器件列表0x00:OLDE屏幕:0.91inch,分辨率:12832,主控:SSD1306,接口:SPI,颜色:

  • mysql 读写分离 事务_mysql 读写分离(基础篇)

    mysql 读写分离 事务_mysql 读写分离(基础篇)基本的原理是让主数据库处理事务性查询,而从数据库处理SELECT查询。数据库复制被用来把事务性查询导致的变更同步到集群中的从数据库。JanKneschke在《MySQLProxylearnsR/WSplitting》中详细的介绍了这种技巧以及连接池问题:为了实现读写分离我们需要连接池。我们仅在已打开了到一个后端的一条经过认证的连接的情况下,才切换到该后端。MySQL协议首先进行握手。当…

  • pycharmimport时找不到指定文件_pycharm系统找不到指定文件

    pycharmimport时找不到指定文件_pycharm系统找不到指定文件1、现象系统提示找不到指定的文件:Errorrunning’hello’:Cannotrunprogram"B:\pystudy\venv\Scripts\python.exe"(indirectory"\python-study"):CreateProcesserror=2,系统找不到指定的文件。2、原因原来的工程目录(B盘)下,保存了python的编…

  • 哈佛幸福课笔记[通俗易懂]

    哈佛幸福课笔记[通俗易懂]第一课什么是积极心理学1、快乐由精神状态决定,而不是社会地位和银行存款2、成功的两个因素:相信自己、保持好奇不断学习第二课为什么要学习积极心理学1、你所问的问题决定了你的感受,当一个人总是问自己:我的弱点是什么?我如何做的更好?他会忽略自己的优点,认为优点是不存在的2、从专注缺点到专注优点3、做一个行动者,行动可以增加自信,而不是一个被动者抱怨者第三课幸福是一…

  • 第二:Pycharm设置配置(非常详细)「建议收藏」

    第二:Pycharm设置配置(非常详细)「建议收藏」1、汉化:把resources_zh.jar拷贝到PyCharm的安装目录下的lib目录,重启Pycharm即可。(resources_zh.jar汉化包关注本账号获取:链接:https://pan.baidu.com/s/1JCpTloWnQdQ8ShsUt-Qabg提取码:i7pu)如果打开后显示乱码,请先删除resources_cn.jar,然后打开pycharm2017,在菜单上依次选择File->Settings->Appearance&Behavior

发表回复

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

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