CSS3教程 设置列表项目符的位置

 时间:2024-10-11 20:15:43

1、新建一个 Position.html 文件,如图所示:

CSS3教程 设置列表项目符的位置

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS3教程 设置列表项目符的位置

3、输入网页结构的头部和主体,设置title为:设置列表项目符的位置,如图所示:

CSS3教程 设置列表项目符的位置

4、list-style-position:设置列表项目符的位置,其取值如图所示:

CSS3教程 设置列表项目符的位置

5、使用 ul 和 li 标签定义一个列表,并且设置其列表项目符在里面,如图所示:

CSS3教程 设置列表项目符的位置

6、运行网页,可以看到第二个列表项目符放在li盒子里面,如图所示:

CSS3教程 设置列表项目符的位置
  • 怎么在官网下载jstl【配图详解】
  • intellij idea如何创建java FX项目
  • sun.misc.BASE64Encoder等类报错的解决方法
  • Eclipse官方企业版下载与汉化
  • EditPlus如何调大字体?
  • 热门搜索
    重阳节手抄报内容30字 四年级上册手抄报 关于春节的手抄报大全 以读书为主题的手抄报 手抄报我的中国梦 国庆节的手抄报图片简单又漂亮 五四青年节手抄报内容 安全用电手抄报 我健康我快乐的手抄报 教师节手抄报大全