html里文字前面的小方框是怎么实现的?

这些文字前面都有一个橙色的小正方形(注意是正方形,不是圆形,而且是橙色的),这是怎么实现的?用输出法打的话也没法改变颜色吧,就算能改变颜色怎么改变大小呢?求解... 这些文字前面都有一个橙色的小正方形(注意是正方形,不是圆形,而且是橙色的),这是怎么实现的?
用输出法打的话也没法改变颜色吧,就算能改变颜色怎么改变大小呢?
求解
展开
 我来答
堆砌的字符
推荐于2017-09-17 · TA获得超过167个赞
知道答主
回答量:63
采纳率:0%
帮助的人:63.1万
展开全部
这样的无序列表要做到每个浏览器效果一致的话一般都是使用li的backgroud图片实现的。
如果对这个要求不高可以用css的list-style-type,这个属性是css自带的。
追问
请问具体怎么写呢?list-style-type:后选哪一个标签?
追答
<html>
<body>

<style>
ul,li{line-height: 24px; list-style:none; font-size: 14px;}
li i{width:4px; height:4px; line-height: 24px; vertical-align: top; margin: 10px 10px 0 0; overflow: hidden; background:#f00; display:inline-block;}
</style>

<ul>
<li><i></i>新闻标题一</li>
<li><i></i>新闻标题二</li>
<li><i></i>新闻标题三</li>
<li><i></i>新闻标题四</li>
</ul>

</body>  
</html>

给你写了一个demo,你用这种方式也行,细节要自己去调整,不过项目中为了浏览器表现统一,一般都会用背景图片来代替。

跌落水的乌鸦1T
2015-06-07 · TA获得超过1440个赞
知道小有建树答主
回答量:2050
采纳率:56%
帮助的人:634万
展开全部
li标签的list-style-type 属性。
颜色则用Color属性
参考资料:http://www.w3school.com.cn/cssref/pr_list-style-type.asp
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
随性亻
推荐于2017-10-06 · TA获得超过4180个赞
知道小有建树答主
回答量:4622
采纳率:84%
帮助的人:641万
展开全部
是使用<ui><li></li></ui>来实现的
比如:
<ul type="square">
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</ul>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-06-07
展开全部
放个图片呗
你鼠标放上去并没有变化
更多追问追答
追问
谢谢,如果最终解决不了这个问题我就打算放个图片了
追答
我用审查元素看了一下,是用background实现的
background: url(http://i0.sinaimg.cn/home/main/index2013/0403/icon.png) no-repeat 0 -881px;
background-image:url(http://i0.sinaimg.cn/home/main/index2013/0403/icon.png);
background-position-x: 0px;
background-position-y: -881px;
background-size: initial;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
_zoom: 1;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式