CSS的ul和li完成横向排序和去掉li的点

日期:2021-01-20 类型:科技新闻 

关键词:小程序制作流程,抽奖小程序,微信小程序怎么开店,小程序码生成,小程序模版

今日做网页页面是总是不懂如何完成ul的横向排序和去掉li那个烦人的点,如今寻找方式了,做个笔记:

拷贝编码
编码以下:

#ul {
float:left;
}
#ul li {
float:left;
list-style:none;
}

顺带扩展1下li的list-style:

拷贝编码
编码以下:

ul {
list-style:square inside url('.../.img');
}
ul {
list-style:circle;
}
ol {
list-style:upper-roman;
}
ol {
list-style:lower-alpha;
}

再写个今日看到的物品,是有关dl,dt,dd的,实际上便是相近于子类的,我较为罕见到各个网页页面上用:

拷贝编码
编码以下:

<dl>
<dt>Apple</dt>
<dd>iPhone</dd>
<dt>Boy</dt>
<dd>男孩</dd>
</dl>

实际效果以下:
上一篇:处理EXT.NET在IE9下汉语很小Default.css 返回下一篇:没有了