呈现形态&控件语法：

<ul id=“...”>

    <li></li>                        .

    <li></li>                        .

    <li></li>                        .

              </ul>

语法形式：

<asp:BulletedList ID=“...” runat=“server”>

    <asp:Listitem Value=”A”></asp:Listitem>

    <asp:Listitem Value=”B”></asp:Listitem>

    <asp:Listitem Value=”C”></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

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

<style type=”text/css”>

.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>

BulletedList项目控件基础CSS基础的更多相关文章

  1. 重新想象 Windows 8 Store Apps (9) - 控件之 ScrollViewer 基础

    原文:重新想象 Windows 8 Store Apps (9) - 控件之 ScrollViewer 基础 [源码下载] 重新想象 Windows 8 Store Apps (9) - 控件之 Sc ...

  2. 背水一战 Windows 10 (46) - 控件（ScrollViewer 基础）: ScrollViewer, ScrollBar, ScrollContentPresenter

    [源码下载] 背水一战 Windows 10 (46) - 控件(ScrollViewer 基础): ScrollViewer, ScrollBar, ScrollContentPresenter 作 ...

  3. Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门

    前文我们曾经描述过,微软把Silverlight控件大致分为三类: 第一类: Layout Controls(布局控件) 第二类: Item Controls (项目控件) 第三类: User Int ...

  4. jQuery offset，position，offsetParent，scrollLeft，scrollTop html控件定位 css position

    定位应用:点击一个按钮,然后在按钮的右边弹出一个提示框 1,提示框相对于屏幕进行定位,那么使用offset来取得当前按钮相对于body的top和left,然后通过$('body').prepend(t ...

  5. C# WinForm 第一个项目控件使用心得

    1.控件心得 1.1 基础控件 panel 作用:布局 难点:重绘边框改变颜色 重绘panel里如果有fill填充控件 panle的padding要改个值 private void pnlPaintB ...

  6. 2020年12月-第02阶段-前端基础-CSS基础选择器

    CSS选择器(重点) 理解 能说出选择器的作用 id选择器和类选择器的区别 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如 一只眼睛的一组,剩下的 ...

  7. html bottom html submit按钮表单控件与CSS美化

    一.html submit与bottom按钮基本语法结构 1.html submit按钮在input标签里设置type="submit"即可设置此表单控件为按钮. submit按钮 ...

  8. Lodop打印控件传入css样式、看是否传入正确样式

    Lodop中可以传入页面存在的css样式,也可以是拼接后的新样式,例如本博客的其他博文:Lodop打印如何隐藏table某一列 需要打印的页面,样式不一定都是行内样式,style样式单独写在页面上,或 ...

  9. 模拟select控件，css模拟下拉

    <!DOCTYPE html > <head>     <meta http-equiv="Content-Type" content="t ...

随机推荐

  1. npm更换为镜像

    背景:npm在安装的过程中需用从国外的网站获取代码,速度非常慢,因此更换为淘宝镜像,提升速度. 1.永久起作用: npm config set registry https://registry.ta ...

  2. shell和python之间的参数传递

        我们在使用shell调用其他语言的程序的时候,希望能够便捷的从shell中输入参数,然后由目标程序接收参数并运行,这样就省去了每次需要在原程序进行修改带来的麻烦,这里介绍一下如何从shell中 ...

  3. Takari Extensions for Apache Maven (TEAM)

    http://takari.io/book/index.html TEAM stands for the Takari Extensions for Apache Maven. TEAM is a c ...

  4. [HNOI/AHOI2018]排列

    [Luogu4437] 如果\(a[i]=j\)则序列\(p[]\)中\(j\)必须排在\(i\)前面,如果\(j\)不在范围内则不管,求一个式子\(\sum_{i=1}^n iw_{p[i]}\)的 ...

  5. js实现点击按钮滚动条缓慢滚动到顶部

    toTop:function(){ //toTop 滚动到顶部 var currentPosition,timer; var speed=10; timer=setInterval(function( ...

  6. node.js知识点提取

    javascript是脚本语言,脚本语言都需要一个解析器才能运行.

  7. Hibernate复合主键的注解

    [转自] http://blog.csdn.net/happylee6688/article/details/17636801 最近做项目用到了Hibernate框架,采用了纯面向对象的思想,使用OR ...

  8. ndoejs创建多重文件夹

    function mkdir(filepath){ var path=require("path") if(!fs.existsSync(path.dirname(filepath ...

  9. python 函数的作用域，闭包函数的用法

    一.三元表达式 if条件成功的值    if  条件   else else条件成功的值 #if条件成立的结果 if 条件 else else条件成立的结果 # a = 20 # b = 10 # c ...

  10. C++ GUI Qt4编程(06)-2.3sort

    1. 使用Qt设计师创建Sort对话框. 2. sortdialog.cpp /**/ #include "sortdialog.h" SortDialog::SortDialog ...