技术原理

如何最好地利用CSS列表?

成为一个合格的专业

CSS列表是非常有助于达到一套或编号或项目点。本文将向您展示如何使用CSS控制web页面的类型、位置和样式。这里将介绍以下指针,

CSS属性列表样式类型属性CSS列表:列表样式位置属性

的示例程序标记值,让我们开始吧,

CSS列出CSS属性

有五种不同的CSS属性,您可以在其中使用它来控制列表:

列表样式类型:它允许我们控制标记的形状或外观。列表样式位置:指定长点需要换行到第二行,或者应该与第一行对齐或以标记开头。列表样式图像:它指定标记的图像应添加或使其更具吸引力,而不是项目符号或编号点。列表样式:显示前面属性的简写。标记偏移量:指定标记与列表中输入的文本之间的距离。”这里是常用的列表是:列表样式类型和列表样式位置。下面将对

进行解释,接下来是本文的CSS列表

列表样式类型属性

列表样式类型属性让您控制无序列表中项目符号或标记的形状和样式。在有序列表的情况下,它是编号字符。下表

表示无序列表:

值说明无光盘它是在圆圈中填充的。(默认值)圆圈它是一个空圆圈。正方形它被填充在正方形中。”下表中的

表示有序列表:

值说明示例Decimal它是一个数字1,4,3 Decimal,在实际数字01,04,03之前前导零0小写字母数字字符。a、 b,c,d大写字母这是大写字母数字字符。A、 B,C,D小写罗马数字。i、 是大写罗马数字。一、 II,III,IV,V下希腊文标记在下希腊文alpha中,gamma下希腊文标记在下希腊文a,b,c,d上希腊文标记在上希腊文a,b,c,d

继续本文的CSS列表

CSS列表:示例程序 爪哇 角度的 蟒蛇 爪哇 角度的 蟒蛇 爪哇 蟒蛇

输出

Output - CSS Lists - Edureka

继续本文关于CSS列表

列表样式位置属性

的列表样式位置属性标记值列表样式位置属性显示标记应该出现在包含项目符号的框内或框外。这可以有两个值之一:

值说明在本例中没有NA如果文本进入第二行,则文本将在马克。它还将显示如果列表外有一个谷,文本将从何处开始。在这种情况下,如果文本进入第二行,则文本将与第一行的开头对齐。”

示例:

数学 物理学 数学 社会科学 数学 物理学 数学 物理学

输出

Output - CSS Lists - Edureka

这使我们在CSS列表上结束本文。

查看我们的全堆栈Web开发人员主程序,该程序带有讲师指导的现场培训和实际项目体验。此培训使您精通使用后端和前端web技术的技能。它包括Web开发、jQuery、Angular、NodeJS、ExpressJS和MongoDB方面的培训。

有问题要问我们吗?请在文章的评论部分提到它,我们会给你回复的

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
人工智能的未来趋势作文 投稿者
我还没有学会写个人说明!
最近文章
  • * 没有更多文章了
  • 热门搜索

    分类目录