​html中,无序列表中的小方块可以变小吗?感觉那个方块太大了,有谁做过吗?

​html中,无序列表中的小方块可以变小吗?感觉那个方块太大了,有谁做过吗?,第1张

这个图标是可以自定义的。在CSS中设置“list-style-image”即可。

ul {

    list-style-image: url(demo.gif)

}

此外,也可以使用“list-style-type”来换一种显示方式,有很多种,你可以试试:

ul {

    list-style-type: circle 圆圈

    list-style-type: disc   圆点

    list-style-type: square 方块

}

HTML中,设置边框有几种样式:none--无边框、dotted---点线式边框、dashed---破折线式边框、solid---直线式边框、double---双线式边框、groove---槽线式边框、ridge---脊线式边框、inset---内嵌效果的边框、outset---突起效果的边框。最常用是前四、五种,dotted显示的就是点状的,而且还是小方块

给左边栏一个position:relative

然后小方块也就是你的ul的样式posotion:absolute;

然后 top:0;

left:0就可以了

ul应该写成div的,因为ul是列表项,初始会有margin和padding值,所以不能对齐到左边栏

需要初始化ul{margin:0 0padding:0 0}

如果ul直接换成div的话就不需要初始化了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6237601.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存