以上为目前效果
使用float：left；width：30%实现
以上为需实现效果
目前项目符号与文字距离很远，且颜色相同，想请教一下大家该怎么实现这样的效果呢？
HTML中如何减小ul中项目符号与文字间的距离？以及如何改变项目符号颜色？
以上为目前效果
使用float：left；width：30%实现
以上为需实现效果
目前项目符号与文字距离很远，且颜色相同，想请教一下大家该怎么实现这样的效果呢？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
哈呼嘿 2022-11-10 21:18关注可以考虑将ul中自带的项目符号全部取消，之后可以选择使用字体图标，或者使用容器diy一个红色的小圆，或者其他的，再使用定位，定位到合适的位置，这样的好处是，网页的可操作性比较强。
如果不用上面的方法，可以把你的li标签的宽度进行调整，随着li标签宽度的缩小，文字和项目符号之间的距离也会缩小，接下来，你可以再使用margin来将li标签调整到合适的位置本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 编辑记录 分享
- 2022-11-10 20:42回答 1 已采纳 可以考虑将ul中自带的项目符号全部取消，之后可以选择使用字体图标，或者使用容器diy一个红色的小圆，或者其他的，再使用定位，定位到合适的位置，这样的好处是，网页的可操作性比较强。如果不用上面的方法，可
- 2022-03-25 14:48回答 4 已采纳 调整下图片位置 <section> <h2>对仗</h2> <img src="https://img-mid.csdnimg.cn/rel
- 2022-02-24 22:28回答 4 已采纳 <ul> <li>1</li> <li>2</li> <li&
- 2021-06-14 08:13拖拖妹妹的博客 用过Word的人都知道Word有一个“项目符号和编号”的功能，用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮，产生自动列表功能，但它只有两种形式，即方块和阿拉伯数字。不过我们...
- 2022-03-02 15:52回答 4 已采纳 <!DOCTYPE html> <html> <head> <style> li {
- 2022-09-18 19:28回答 1 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
- 2018-03-31 15:18回答 1 已采纳 you can you angular expression for this Make two style with name greenStyle and redStyle .gree
- 2019-06-12 09:24ITweb_h的博客 今天在上课过程中遇到了一个小问题，如何调整li的点与文字之间的距离，一般情况下，个人会去掉li自带的项目符号，单独做一个圆点，但今天特殊情况，没有做，所以就“逼迫”我去找到了一个属性可以很方便的去调整项目...
- 2021-06-30 09:46回答 2 已采纳 普通的显示数据的时候，ul就是项目列表，li就是列表项。可以用来显示数据。如果用于DIV＋CSS布局的话，ul+li可以替换表格的作用，具体的设置，如果宽度高度、行间距、背景边框等需要配合CSS一起设
- 2021-02-03 09:41回答 9 已采纳 也不是一定，但是不同的浏览器可能会有不同的解释，w3c文档给出的规范是得ul > li 你就照着做就行了，又不会影响你代码。li中再包含div和p不就行了吗？
- 2022-07-12 23:23回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
- 2021-06-24 12:15吴乎的博客 最简单(而不是无意义)的方法是将内容包装在跨度标签中,然后将项目符号颜色应用于li和文本颜色.代码：texttexttextul li {/* Bullet color */color: red;list-style-type: disc;}ul li span {/* Text color */color: ...
- 2021-12-26 15:44回答 1 已采纳 li加个oveflow:hidden *{margin: 0;padding: 0} .left_bottom{ width:150px; } .mainyuanjiao_left{
- 2022-08-02 19:38I'm pig的博客 取消项目符号方法： 1、使用list-style属性，只需要给li元素添加 list-style:none; 样式； 2、使用list-style-type属性，只需要给li元素添加 list-style-type:none; 样式。
- 2022-11-17 19:39MoCh丨的博客 ol 它的项目符号：1、a、A、I等，默认的项目符号是“1”类似：大列表里面有很多的小列表，每个小列表里面有标题，有对标题的解释。3、定义列表 用dl创建列表，dt表示下定义，dd表示对定义的解释。超链接：可以是一个...
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月18日
已采纳回答
11月10日-
创建了问题
11月10日
悬赏问题
- ¥15 GD32 SPI通信时我从机原样返回收到的数据怎么弄？
- ¥15 phython读取excel表格报错 ^7个 SyntaxError: invalid syntax 语句报错
- ¥20 @microsoft/fetch-event-source 流式响应问题
- ¥15 ogg dd trandata 报错
- ¥15 高缺失率数据如何选择填充方式
- ¥50 potsgresql15备份问题
- ¥15 Mac系统vs code使用phpstudy如何配置debug来调试php
- ¥15 目前主流的音乐软件，像网易云音乐，QQ音乐他们的前端和后台部分是用的什么技术实现的?求解！
- ¥60 pb数据库修改与连接
- ¥15 spss统计中二分类变量和有序变量的相关性分析可以用kendall相关分析吗？