呈现形态&控件语法:

<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. 《C#多线程编程实战》1.11 Monitor.TryEnter()避免死锁

    这章的内容是真的有意思 特别是代码. 先贴上代码: class Program { static void Main(string[] args) { object lock1 = new objec ...

  2. servlet-mysql实现简单用户登录注册

    环境:IDEA Maven 效果截图: 项目结构: 类说明: ConnectionUtil:负责数据库连接和释放 UserDao:数据库增删改查操作 User:用户Bean,只用注册和登录的话可以不要 ...

  3. C# Winform下一个热插拔的MIS/MRP/ERP框架(多语言方案)

    个别时候,我们需要一种多语种切换方案. 我的方案是这样的: 1.使用文本文本存储多语言元素,应用程序启动时加载到内存表中: 2.应用程序启动时从配置文件加载语种定义: 3.所有窗体继承自一个Base基 ...

  4. bzoj1798维护序列

    题目链接 暴力数据结构之线段树$qwq$ 裸题直接敲板子 忘了啥时候写的了$qwq$ 直接上代码吧 /************************************************* ...

  5. 洛谷P1550 [USACO08OCT]打井Watering Hole

    P1550 [USACO08OCT]打井Watering Hole 题目背景 John的农场缺水了!!! 题目描述 Farmer John has decided to bring water to ...

  6. 洛谷P4494 [HAOI2018]反色游戏(tarjan)

    题面 传送门 题解 我们先来考虑一个联通块,这些关系显然可以写成一个异或方程组的形式,形如\(\oplus_{e\in edge_u}x_e=col_u\) 如果这个联通块的黑色点个数为奇数,那么显然 ...

  7. Tensorflow的认识

    1.基本概念(Tensorflow) 使用图(graphs)来表示计算任务 n 在被称之为会话(Session)的上下文(context)中执行图 n 使用tensor表示数据 n 通过变量(Vari ...

  8. asp.net MVC中的@model与Model

    asp.net MVC中的@model与Model https://blog.csdn.net/ydm19891101/article/details/44301201 在MVC的实际使用中,我们经常 ...

  9. javascrip 词法分析详解

      JavaScript的高级知识---词法分析 词法分析 词法分析方法: js运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤: 分析参数 再分析变量的声明 分析函数说明 函数在运行的瞬 ...

  10. nginx 之 proxy_pass

    nginx中有两个模块都有proxy_pass指令 ngx_http_proxy_module的proxy_pass 语法: proxy_pass URL; 场景: location, if in l ...