您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息

css用list-style-type属性后显示到文字后面

2024/4/27 0:25:03发布6次查看
css用list-style-type属性后显示到文字后面
那个黑点显示在了日期地方是什么问题,
第一种情况直接修改list-style-position:outside;为list-style-position:inside;没有的话就加上去。
方法二:在list-style-position:outside;的情况下给列表符号留个位置来显示,比如说给li加个属性margin-left:50px;第二种情况直接删掉浮动元素float即可。
扩展:list-style-type:定义列表样式
disc: 点
circle: 圆圈
square: 正方形
decimal: 数字,例如1,2,3,,....,11,12,13
decimal-leading-zero: 十进制数,不足两位的补齐前导0,例如: 01, 02, 03, ..., 98, 99
lower-roman: 小写罗马文字,例如: i, ii, iii, iv, v, ...
upper-roman: 大写罗马文字,例如: i, ii, iii, iv, v, ...
lower-greek: 小写希腊字母,例如: α(alpha), β(beta), γ(gamma), ...
lower-latin: 小写拉丁文,例如: a, b, c, ... z
upper-latin: 大写拉丁文,例如: a, b, c, ... z
armenian: 亚美尼亚数字
georgian: 乔治亚数字,例如: an, ban, gan, ..., he, tan, in, in-an, ...
lower-alpha: 小写拉丁文,例如: a, b, c, ... z
upper-alpha: 大写拉丁文,例如: a, b, c, ... z
none: 无(取消所有的list样式)
inherit:继承
自定义图片:list-style:square inside url
简写规则:list-style:square inside url('arrow.gif');前面蓝色的square为列表符号list-style-type,中间红色的inside为list-style-position定位符,最后面绿色的url是图片路径list-style-image,如果存在这个图片就会覆盖前面的square,如果不存在就用square显示。
.cen5 li a{display:inline-block;width:480px;height:20px;line-height:20px;margin-top:3px} .ileft{display:inline-block}
你可以在文字前面自己写一个黑点啊,或者是上传一个图片啊,比如25edfb22a4f469ecb59f1190150159c65a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6联系bed06894275b65c1ab86501b08a632eb
你可以在i中上传一个背景图啊,
以上就是css用list-style-type属性后显示到文字后面的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录