html里文字前面的小方框是怎么实现的?
这些文字前面都有一个橙色的小正方形(注意是正方形,不是圆形,而且是橙色的),这是怎么实现的?用输出法打的话也没法改变颜色吧,就算能改变颜色怎么改变大小呢?求解...
这些文字前面都有一个橙色的小正方形(注意是正方形,不是圆形,而且是橙色的),这是怎么实现的?
用输出法打的话也没法改变颜色吧,就算能改变颜色怎么改变大小呢?
求解 展开
用输出法打的话也没法改变颜色吧,就算能改变颜色怎么改变大小呢?
求解 展开
4个回答
展开全部
这样的无序列表要做到每个浏览器效果一致的话一般都是使用li的backgroud图片实现的。
如果对这个要求不高可以用css的list-style-type,这个属性是css自带的。
如果对这个要求不高可以用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,你用这种方式也行,细节要自己去调整,不过项目中为了浏览器表现统一,一般都会用背景图片来代替。
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是使用<ui><li></li></ui>来实现的
比如:
<ul type="square">
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</ul>
比如:
<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;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询