BulletedList项目控件基础CSS基础

最新推荐文章于 2022-03-17 16:28:09 发布

weixin_30321449

最新推荐文章于 2022-03-17 16:28:09 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaowie/p/9149646.html

本文介绍了ASP.NET中的BulletedList控件的使用方法，包括如何手动输入条目及从数据源加载，同时提供了如何通过设置使其作为超链接进行页面跳转的示例，并展示了如何使用CSS对其进行样式定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

呈现形态&控件语法：

<ul id=“...”>
    <li>111</li>                        .111
    <li>222</li>                        .222
    <li>333</li>                        .333
              </ul>

语法形式：

<asp:BulletedList ID=“...” runat=“server”>
    <asp:Listitem Value=”A”>111</asp:Listitem>
    <asp:Listitem Value=”B”>222</asp:Listitem>
    <asp:Listitem Value=”C”>333</asp:Listitem>
</asp:BulletedList>

BulletedList 生成方式

1. 手动输入：

适用于静态的，少量的数据

2. 从数据源获取：

适用于大量的数据或时常更新的数据

<body>
    <form id="form1" runat="server">
    <div>
        <asp:BulletedList ID="BulletedList1" runat="server" DisplayMode="HyperLink">
            <asp:ListItem Value="http://iqiyi.com">爱奇艺</asp:ListItem>
            <asp:ListItem Value="http://www.baidu.com">百度</asp:ListItem>
            <asp:ListItem Value="http://www.qq.com">腾讯QQ</asp:ListItem>
        </asp:BulletedList>
    </div>
    </form>

要想在项目控件BulletedList点击跳转界面要把BulletedList 的displayMode设置成HyperLink 超链接方式。

BulletedList&CSS

CSS建立的三种方式
创建一个  第二个
　　　　　　<style type=”text/css”>
</style>
直接在div层中写：  最优
              <div style=”border:1px solid black”>  --边框一个像素  实线 黑色
　　　　　　　</div>
外面托一个css文件   不建议
如果他们三个之间有冲突  那么先听2 在听1 最后3

如我们在写的时候最好是这么写方便管理

.style1

{border：1px solid red；}

</style>

之后在控件中调用

<asp:BulletedList ID=”BulletedList1” runat=”server”cssclass=”style1”>

就相当于创建一个方法之后在引用

<asp:BulletedList ID="bil" DisplayMode="HyperLink"  CssClass="lable" runat="server">
            <asp:ListItem Value="http://www.baidu.com">百度网址</asp:ListItem>
            <asp:ListItem Value="http://www.youku.com">优酷网址</asp:ListItem>
            <asp:ListItem Value="http://www.iqiyi.com">爱奇艺电影</asp:ListItem>
            <asp:ListItem Value="http://www.hao123.com">hao123</asp:ListItem>
        </asp:BulletedList>