HTML核心标签之表格标签(二)
2024-09-17 09:41:13
基本用法:
<ul type="cir">
<li>显示数据</li>
<li>显示数据</li>
</ul>
type可用的选项有三个:
circle 空心圆形
disc 实心圆形
square 方块
来看下面的代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<ul>
<li>光辉岁月</li>
<li>大地</li>
<li>灰色轨迹</li>
</ul>
</body>
</html>
显示的效果如下:
想为这个列表添加一个背景色,该怎么做呢??
修改后的代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<ul style="background-color: pink;">
<li>光辉岁月</li>
<li>大地</li>
<li>灰色轨迹</li>
</ul>
</body>
</html>
显示效果如下:
把列表前面的实心加点改成空心圆点,要加type属性.
修改后的代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<ul style="background-color: pink;" type="circle">
<li>光辉岁月</li>
<li>大地</li>
<li>灰色轨迹</li>
</ul>
</body>
</html>
修改后的效果如下:
更改成功了.
同样的,想把列表前面改成空心正方形,只需要把type的属性值修改为"square"就可以了.
最新文章
- 转载文章——Hadoop学习
- containing block
- Java编程思想学习笔记_3(继承,内部类)
- 2013年7月份第2周51Aspx源码发布详情
- Android下EditText的hint的一种显示效果------FloatLabelLayout
- launchMode使用详解
- noi 7219:复杂的整数划分问题
- Buy the Ticket HDU 1133 递推+大数
- POJ 3013 Big Christmas Tree(最短Dijkstra+优先级队列优化,SPFA)
- jsp日期插件My97DatePicker 强大的日期控件 使用方便简单
- Docker应用:Docker-compose(容器编排)
- python 生成器与协程
- _mysql.c(42) : fatal error C1083: Cannot open include file: &#39;config-win.h&#39;:问题的解决
- Go 语言官方包函数中文翻译
- c++语言中的遍历
- JSP内置对象——response
- LoadRunner11学习记录四 -- 集合点
- Web开发入门经典:使用PHP6、Apache和MySQL 中文pdf扫描版​
- Linux非阻塞IO(六)使用poll实现非阻塞的服务器端
- [python][django学习篇][7]设计博客视图(1)