首页 >

css怎么取消无序列表的显示样式类型

web前端|前端问答css怎么取消无序列表的显示样式类型
css
web前端-前端问答
assets apk 源码,ubuntu 外接竖屏,爬虫注册机,php方便,如何制作seolzw
css怎么取消无序列表的显示样式类型
php商城 后端源码,ubuntu如何输入地址,tomcat开启后服务器就卡,简单多线程爬虫,php后端技术栈有哪些技术外包,顶seo实力lzw
无序列表
ble 协议 源码,vscode关闭命令,ubuntu进化,tomcat jsp例子,sqlite驱动无法获取连接,wordpress安装插件500,前端做后天管理用什么框架,python爬虫实例代码和分析,php 正则截取,宝坻seo优化公司,网站后台管理密码忘了,手机网页页面模板 html源码下载,dedecms 模板引用php文件lzw
  • 第一句
  • 第二句
  • 第三句
  • 第四句

样例代码:

									
  • 第一句
  • 第二句
  • 第三句
  • 第四句

效果截图:
css怎么取消无序列表的显示样式类型

无序列表去掉点

通过直接在ul标签里写style属性或者写个选择器,加上list-style: none;这句都可以实现去掉圆点。
样例代码:

								#aa{				list-style: none;			}								
  • 第一句
  • 第二句
  • 第三句
  • 第四句
  • 第一句
  • 第二句
  • 第三句
  • 第四句

效果截图:
css怎么取消无序列表的显示样式类型

成行显示

无论是有序列表还是无序列表默认都是独占一行,是按行显示的,但是我们也可以让他们在一行显示,通过display属性就可以实现了。

display属性说明
none不显示
block块级元素(列显示)
inline行内元素(行显示)

样例代码:

								.aa li{				display: inline; 			}						.bb li{				display: none;  			}			.cc li{				display: block; 			}														
  1. 第一句
  2. 第二句
  3. 第三句
  4. 第四句
  • 第一句
  • 第二句
  • 第三句
  • 第四句
  • 第一句
  • 第二句
  • 第三句
  • 第四句

效果截图:
css怎么取消无序列表的显示样式类型

(学习视频分享:css视频教学)


  • 暂无相关文章
  • Posted in 未分类