CSS中li标签去除小圆点
去掉li标签前的项目符号(小圆点)
list-style: none;
品优购快报的案例如下:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>新闻快报模块</title><style>* {margin: 0;padding: 0;}li {/* 去掉li前面的小圆点 */list-style: none;}.box {width: 248px;height: 163px;border: 1px solid #ccc;margin: 100px auto;}.box h3 {height: 32px;border-bottom: 1px dotted #ccc;font-size: 14px;font-weight: 400;line-height: 32px;padding-left: 15px;}.box ul li a {font-size: 12px;color: #666;text-decoration: none;}.box ul li a:hover {text-decoration: underline;}.box ul li {height: 23px;line-height: 23px;padding-left: 20px;}.box ul {margin-top: 7px;}</style>
</head><body><div class="box"><h3>品优购快报</h3><ul><li><a href="#">【特惠】爆款耳机5折秒!</a></li><li><a href="#">【特惠】母亲节,健康好礼低至5折!</a></li><li><a href="#">【特惠】爆款耳机5折秒!</a></li><li><a href="#">【特惠】9.9元洗100张照片!</a></li><li><a href="#">【特惠】长虹智能空调立省1000</a></li></ul></div>
</body></html>
CSS中li标签去除小圆点相关推荐
- html5ul消除圆点,overflow清楚浮动 + 去掉li标签的小圆点
原文链接:http://blog.163.com/qqabc20082006@126/blog/static/22928525201031211212955/ 测试用例: 无标题文档 #wrapper ...
- php中li标签,li标签有哪些属性?css中li标签的属性详解
在html中,我们经常会遇到li标签,那么li标签有哪些属性?下面我们来了解一下css中li标签的属性. 一:标签有哪些属性 在html中,使用css中li标签来控制样式,很多网站上都是点为开头,也有 ...
- CSS 去掉li前的小圆点
无序列表 ul li 去掉li前的小圆点 语法: list-style:none;
- 给li标签添加 小圆点
盒子: <body> <div class="box"> <ul> <li>展示第1个li标签</li> <li& ...
- html li圆点单独颜色,html中li标签可以设置颜色吗
在HTML中如果在ul>li中添加子标签>a链接,修改li中或者是有什么方法可以让修改li的字体颜色时,a标签的字体颜色也改变, --由于CSS的层叠(cascading),a元素继承自l ...
- css中a标签超链接在新窗口中打开以及超链接去除/添加下划线
css中a标签超链接属性设置 超链接基本语法: <a href="http://www.baidu.com">点击我会跳转到百度</a> a标签默认颜色为蓝 ...
- css中style怎么用,css中style标签的使用方法
css中style标签的使用方法 发布时间:2020-07-01 09:49:22 来源:亿速云 阅读:141 作者:Leah 这篇文章将为大家详细讲解有关css中style标签的使用方法,文章内容质 ...
- css中table标签详解(一)
css中table标签详解(一) 什么是table标签,以及table标签的组成? 不叨叨,直接上代码 <table><tr><td></td>< ...
- 如何将li标签前的圆点改为方形及改变大小颜色
如何改变li标签前的圆点改为方形--改变其大小,颜色 正常写一个无序列表 运行结果: 一:将圆点改为方形 在body上方写<style></style>标签,将下面的代码写进标 ...
最新文章
- gin框架长连接_gin框架教程一: go框架gin的基本使用
- WebSocket相关
- mysql5.7+主从不一致_Mysql5.7安装错误处理与主从同步及!
- 联想e470无线网卡驱动_笔记本显示已关闭无线功能,请问怎样打开?谢谢!
- python读写配置文件使用总结与避坑指南
- 推荐一篇我高中同班同学的文章[转载]
- java core 之 IO流
- 遗传算法占用计算机空间,遗传算法
- mysql5.7越用c盘越小_Windows7的C盘可用空间为什么越用越小呢?
- 中国这10家慕课网站,您需要知道
- Your system is infected with 3 viruses!(您的系统感染了3种病毒!)
- 微信摇一摇里没有周边
- 批量创建Azure DevOps Server 的账户
- pacemaker做nginx高可用
- 1688/阿里巴巴按关键字搜索新品数据 API 使用说明
- 一个离开CV界多年的油腻中年男子的CV复兴之路
- eNSP之IPsec 虚拟专用网配置
- HTML5前端视频_Vue项目实战《硅谷外卖》-张晓飞-专题视频课程
- 我的京东阅读App书架-211本电子书
- 中信java在线笔试_2014年中信java笔试题