精华内容
下载资源
问答
  • 项目符号和编号:是放在文本前的点或其它符号,起到强调作用。合理使用项目符号和编号,可以使文档的层次结构更清晰、更有条理。项目编号可使文档条理清楚重点突出,提高文档编辑速度,因而深受喜爱用word97/2000...

    项目符号和编号:是放在文本前的点或其它符号,起到强调作用。合理使用项目符号和编号,可以使文档的层次结构更清晰、更有条理。

    项目编号可使文档条理清楚和重点突出,提高文档编辑速度,因而深受喜爱用word97/2000编辑文章的朋友欢迎。编号作为word中的一项“自动功能”,只有深谙其来龙去脉,运用得当,才能让“编号”言听计从,不致适得其反,平添麻烦。

    中文名

    项目符号和编号

    作    用

    强调合理使用

    优    点

    层次结构更清晰、更有条理。

    项目符号和编号应用符号

    编辑

    语音

    有两种方法:手工和自动。前者即通过单击“编号”、“项目符号”按钮或“格式”菜单中的“项目符号和编号”命令引用;后者则通过打开“自动更正”对话框后设置“自动编号列表”为键入时的一项“自动功能”来引用:当在段首键入数学序号(一、二;(一)、(二);1、2;⑴、⑵等)或大写字母(A、B等)和某些标点符号(如全角的,、。半角的.)或制表符并插入正文后,按回车输入后续段落内容时,word即自动将其转化为“编号”列表。

    0601795e4767de663e1ba1f84c76f7b0.png

    项目符号和编号编号

    编辑

    语音

    删除(取消)文档中的编号可通过下列方法:①按两次“Enter”,后续段落自动取消编号(不过同时也插入了多余的两行空行)②将光标移到编号和正文间按“Backspace”键可删除行首编号。③选定(或将光标移到)要取消编号的一个或多个段落,再单击“编号”按钮。以上方法都可用于中断编号列表,可根据需要选用。但如果要删除多个编号,只能用③法。而且,如果为“编号”定义了快捷键后,无论追加还是删除编号,此法都最快。

    将光标移到包含编号的段结尾按回车,即可在下一段插入一个编号,原有后续编号会自动调整。

    项目符号和编号编号格式

    编辑

    语音

    1、影响美观和规范的“间距”:相信有许多朋友对word中编号和正文过大的相隔距离恼火不已,因为不知如何调整间距而放弃“编号”。如果打开“选项”对话框并设置“制表符”在文档中显示出来的话,仔细观察水平标尺和文档中编号后的控制符号,你会发现使用编号后在左缩进标记附近会出现一个制表符(编号后也有)。问题的症结就在此:在word中编号时,会在编号和段落的第一个字符间插入一个不可编辑字符,默认用制表符将编号和正文隔开,并用制表位对齐正文。明白了这个道理,问题就迎刃而解了:选定要改变间距的编号列表,按住Alt向左拖动(以能看到编号后的制表符为准)标尺上的制表位,即可缩小编号和正文间的距离,反之向右拖则增大间距。还有一种更绝的方法:利用多级符号来插入编号,可改变作为默认间距的字符。方法为:单击主菜单中“格式”→“项目符号和编号”,打开对话框后再单击“多级符号”,选中一种合适样式后单击“自定义”,在“自定义多级符号列表”对话框中单击“高级”,然后将“编号之后”的内容(默认为制表符)改为“不特别标注”,再依次确定关闭对话框,则编号和正文紧连着不插入任何分隔符号;若改为“间距”同样可将间距改为很小而无需通过移动制表位来缩小间距。虽然是多级符号,但作一级编号来用也顺顺溜溜。

    2、多种多样的编号格式:在word中只提供了13种编号样式。但如果你善于修改的话,可以“自定义”出不计其数的样式。方法为:打开“项目符号和编号”对话框后选中一种编号样式,然后单击“自定义”按钮,此时会打开“自定义编号列表”对话框,在“编号样式”的下拉列表框中选中一种样式后,可以在“编号格式”下的文本框中的编号前后输入其他字符,从而构成各种格式的编号。如添加括号编号列表变成(1)、(2)、(3)……;添加“-”变成-A、-B、-C……;添加“第、章”两字变成第1章、第2章、第3章……正是“天高任鸟飞,海阔凭鱼跃”。

    3、丰富多彩的编号字体:单击“自定义编号列表”对话框中的“字体…”,即可为编号指定字体、字形、字号、颜色、字符间距及阴影等其他效果。

    4、不可轻视的编号、正文位置:如果编号、正文的排版位置不合意,可在“自定义编号列表”对话框中修改。其中“编号位置”框架内的“对齐位置”即相当于“首行缩进”,“文字位置”框架内的“缩进位置”相当于“左缩进”,理解了这两项的含义,该设置为多少相信无需多言了(其实,这些值你也可以直接用标尺上的“左缩进”“首行缩时”修改)。如果是“多级符号”,则应逐项为每一级设置编号对齐位置和正文缩进位置直至符合实际需要。

    项目符号和编号常用方式

    编辑

    语音

    通常情况下,word按段落编号,即在每个段落(不管该段有多少行)开始位置处添加一个编号。而许多文档往往要将多个段落放在同一个编号内,可以选择以下四种方法来实现:①、在第一段结束时按“Shift Enter”组合键插入一个分行符,然后即可在下一行输入新内容而不会自动添加编号(实际和前面的内容仍然属一段)。②、在某个编号内的第一段结束后,按两次以上回车插入需要的空段(此时编号会中断),当光标移到需要接着编号的段落中,单击“编号”按钮,此时word通常会接着前面的列表编号。然后再将光标移回到前面的空段中输入内容。③、中断编号并输入多段后,选定中断前任一带编号的文本再单击(或双击)“格式刷”按钮,然后再单击要接着编号的段落,即可接着编号。(使用键盘的话,则先按“Ctrl Shift C”复制格式,再按“Ctrl Shift V”粘贴格式)。④中断编号并输入多段后,选定需接着编号的段落,打开“项目符号和编号”对话框,选择和上一段的相同编号样式后,再选择“继续前一列表(C)”。

    不难发现,②③④法其实都是通过中断编号来插入多段,在一个编号内插入多段后再设法继续编号。相形之下,①法要方便些,但后续行的一些格式必须通过特殊的方法处理(如行首的缩进只能通过键入空格代替),从而“看起来”是另一段。这里介绍一种快速而极其有效的方法——“多级编号”法:

    首先打开“项目符号和编号”对话框,将你的段落编号设为“多级编号”中的一种,再单击“自定义”,将当前级别(通常为1)的编号样式设成你想要的样式,将下一级别(通常为2)的“编号格式”中全部内容删除(即无)。OK!假设要输入3段文字,其中1、3段带编号,2段无编号。只须将1段级别设为1,它就带编号;2段不要编号了是吧?好,按回车再按“Tab”将下一段的级别降为2,怎么样,没有编号了吧!将2段内容输入;按回车输入3段时先按“Shift Tab”将该段级别升一级为1,编号又出现了。升有降无(编号),你试试,是不是非常方便!

    项目符号和编号有效方法

    编辑

    语音

    为“编号”指定快捷键:同时按下“Ctrl Alt 数字键盘中‘ ’”,鼠标指针变成花朵形后单击常用工具栏上的“编号”按钮,然后将光标移入“自定义键盘”对话框中的“请按新快捷键”内按下你想用的组合键,如“Ctrl 8”(快速编号或取消编号),再单击“指定”、“关闭”即可。同样为“格式”菜单中的“项目符号和编号”定义一个快捷键,如“Ctrl 9"(打开详细设置框)。定义快捷键后,要应用或取消(中断)编号,或者设置编号样式时,就可以直接用键盘操作,省时省力。

    项目符号和编号复制文本

    编辑

    语音

    如果将包含编号的文本内容复制到新位置,新位置文本的编号会改变,通常会接着前面的列表继续编号。如果要和复制前的格式完全相同,需打开“项目符号和编号”对话框,选择“重新开始编号”,这一点往往会被人忽略。

    项目符号和编号编号换数字

    编辑

    语音

    编号具有方便快速的特点,但在复制、改变编号样式等一些操作中不方便,此时可将编号转换为真正的文字编号。选中带编号的段落,按“Ctrl C”,再选择菜单“编辑”→“选择性粘贴”,按“无格式文本”粘贴到新位置,编号就转换为正文了,就可以任意改动。

    项目符号和编号Word使用技巧

    编辑

    语音

    Tab、Shift Tab

    多级符号在进行如试卷排版中非常有用,输完某一级中一个编号(如1、2、3……)后的正文内容,按回车键即自动进入下一个编号,再按“Tab”键即可改为下一级编号样式(如A、B、C……),要返回到上一级继续编号,按“Shift Tab”即可。灵活运用这两项,同样能少费力气多办事。

    项目符号和编号重新编号

    编辑

    语音

    在Microsoft Word文档已经创建的编号列表中,可以从编号中间任意位置开始重新开始编号。以Word 2007软件为例介绍方法:

    第1步,打开Word2007文档窗口,并将插入点光标移动到需要重新编号的段落。

    第2步,在“开始”功能区的“段落”分组中单击“编号”下拉三角按钮,选择“设置编号值”选项。

    第3步,打开“起始编号”对话框,选中“开始新列表”单选框,并调整“值设置为”编辑框的数值(例如起始数值设置为1),并单击“确定”按钮。

    第4步,返回Word2007文档窗口,可以看到编号列表已经进行了重新编号。

    项目符号和编号建议

    编辑

    语音

    如果你想全权控制“编号”,不愿受“自动更正”干扰或摆布,请在“自动更正”中关闭“自动编号列表”。如果你在“编号”时误操作,导致“编号”乱套,不妨多试试“Ctrl Z”,它能为你省不少力。关于“项目符号”的操作方法,大多相同,不再赘述

    词条图册

    更多图册

    展开全文
  • 但是,您可以自定义项目符号列表。 我们将向您展示如何更改列表中用作项目符号的符号以及如何更改项目符号的颜色。 NOTE: We used Word 2016 to illustrate this feature. 注意:我们使用Word 2016来说明此功能。 ...
    00_lead_image_changing_bullets

    By default, the plain black circular bullets are used when creating bulleted lists. However, you can customize your bulleted lists. We will show you how to change the symbol used as the bullets on the list and how to change the color of the bullets.

    默认情况下,创建项目符号列表时使用纯黑色圆形项目符号。 但是,您可以自定义项目符号列表。 我们将向您展示如何更改列表中用作项目符号的符号以及如何更改项目符号的颜色。

    NOTE: We used Word 2016 to illustrate this feature.

    注意:我们使用Word 2016来说明此功能。

    Highlight the bulleted list you want to customize and make sure the “Home” tab is active on the ribbon. Click the down arrow on the “Bullets” button in the “Paragraph” section.

    突出显示要自定义的项目符号列表,并确保功能区上的“主页”选项卡处于活动状态。 单击“段落”部分中“子弹”按钮上的向下箭头。

    01_clicking_bullets_drop_down_arrow

    A few symbols display in the “Bullet Library” on the drop-down menu. If the symbol you want is in the “Bullet Library”, click on it to select it.

    下拉菜单的“子弹库”中显示一些符号。 如果所需符号位于“子弹库”中,请单击它以将其选中。

    NOTE: As you move your mouse over the symbols in the “Bullet Library”, Word shows you how the symbol will look on the list.

    注意:将鼠标移到“子弹库”中的符号上时,Word将向您显示该符号在列表中的外观。

    02_selecting_bullet_style

    If you don’t see a symbol you want in the “Bullet Library”, you can use a different symbol. select “Define New Bullet” from the drop-down menu.

    如果在“子弹库”中没有找到想要的符号,则可以使用其他符号。 从下拉菜单中选择“定义新项目符号”。

    03_selecting_define_new_bullet

    On the “Define New Bullet” dialog box, in the “Bullet character” section, click “Symbol”.

    在“定义新项目符号”对话框的“项目符号”部分中,单击“符号”。

    04_clicking_symbol

    The “Symbol” dialog box displays with the “Symbol” font selected. You can choose one of the symbols in the “Symbol” font or select a different font from the “Font” drop-down list to access more symbols. The Wingdings fonts have a good range of symbols.

    显示“符号”对话框,并选择“符号”字体。 您可以选择“符号”字体中的一种符号,也可以从“字体”下拉列表中选择其他字体来访问更多符号。 Wingdings字体有很多符号。

    05_selecting_wingdings

    Once you find the symbol you want to use, click on it and then click “OK”.

    找到要使用的符号后,单击它,然后单击“确定”。

    06_selecting_a_symbol

    Notice that the “Preview” on the “Define New Bullet” dialog box shows the newly selected symbol as the bullets.

    请注意,“定义新项目符号”对话框上的“预览”将新选择的符号显示为项目符号。

    07_closing_define_new_bullet_dialog

    You can also change the color of the bullets, even if you’ve chosen a different symbol for your bullets. Open the “Define New Bullet” dialog box again, as described earlier in this article. Click “Font” in the “Bullet character” section.

    您也可以更改项目符号的颜色,即使您为项目符号选择了其他符号也是如此。 如本文前面所述,再次打开“定义新项目符号”对话框。 单击“子弹头字符”部分中的“字体”。

    08_clicking_font

    Click the “Font color” drop-down color picker and click on the color you want to use for your bullets.

    单击“字体颜色”下拉颜色选择器,然后单击要用于项目符号的颜色。

    09_selecting_a_color

    Click “OK” to accept the change and close the “Font” dialog box.

    单击“确定”接受更改,然后关闭“字体”对话框。

    10_closing_font_dialog

    You are returned to the “Define New Bullet” dialog box and the “Preview” shows your bullets in the color you chose.

    您将返回到“定义新项目符号”对话框,“预览”将以您选择的颜色显示项目符号。

    11_closing_define_new_bullet_dialog_for_color

    You can also use a picture as a bullet and we’ll show you how to do that in future article.

    您也可以将图片用作项目符号,我们将在以后的文章中向您展示如何做到这一点。

    翻译自: https://www.howtogeek.com/232802/how-to-customize-the-bullets-in-a-bulleted-list-in-word/

    展开全文
  • html自定义项目符号: 关于项目符号的介绍,缺失:html自定义符号3674/9项目符号:放在文本(如列表中的项目)前以添加强调效果的点或其他符号,即在各项目前所标注的符号。在大文档中可建立或取消项目编号。Exce中创建...

    html自定义项目符号: 关于项目符号的介绍,缺失:html自定义符号3674/9

    项目符号:放在文本(如列表中的项目)前以添加强调效果的点或其他符号,即在各项目前所标注的符号。在大文档中可建立或取消项目编号。

    Exce中创建方法

    项目符号是放在文本(多为列表中的项目)前以添加强调效果的点或其他符号。在Word文档中可以轻松建立或取消项目符号,如果要在Excel单元格内添加项目符号,该如何操作呢?

    方法一:使用Wingdings字体

    如果需要插入项目符号的单元格不多,可以手动逐一添加项目符号。

    1.在单元格内的文本前插入一个,按左方向键回到空格的左侧。这样做是为了让插入的项目符号与文本之间适当保留一些距离。

    2.在Excel 2003中单击菜单“插入→符号”。如果是Excel 2007,则在功能区中选择“插入”选项卡,在“文本”组中单击“符号”按钮。弹出“符号”对话框,选择“符号”选项卡,从“字体”右侧的下拉列表中选择Wingdings字体,然后选择某种所需的符号。

    3.单击“插入”按钮,然后单击“关闭”按钮。Excel将选择的符号插入到文本前。

    方法二:在Word中插入项目符号后粘贴到Excel中

    当需要插入项目符号的单元格较多时,逐一添加项目符号有些繁琐。由于在Word中插入项目符号十分方便,可以将其复制到Word中再粘贴到Excel中。

    1.复制需要添加项目符号的单元格区域,将其粘贴到Word中。

    2.选择所有文本内容,在Word 2003中单击菜单“格式→项目符号和编号”,在弹出的对话框中选择“项目符号”选项卡,选择一种项目符号类型,单击“确定”。

    3.将已添加项目符号的文本内容复制粘贴到Excel中,如下图。

    方法三:使用自定义单元格格式

    1.从“字符映射表”中复制所需的字符。在Windows XP中,单击“开始→运行”,打开“运行”对话框,输入“charmap”命令,单击“确定”。打开“字符映射表”对话框,选择一种字符,如“实心右指指针”,单击“选择”按钮。

    然后单击“复制”按钮。

    2.在Excel中选择所有需要添加项目符号的单元格。

    3.按“Ctrl+1”键打开“设置单元格格式”对话框,选择“数字→自定义”。在右侧的类型下输入自定义数字格式:“ ? @”。

    其中“?”符号用第一步中所复制的字符粘贴过来。也可以不使用字符映射表,例如用输入法输入某种特殊符号,或按“Alt+0149”输入一个小圆点等(“0149”需从数字键盘中输入)。

    单击“确定”,Excel将自动在各单元格中添加选定的项目编号。

    Word中创建方法

    在 Word,您可以将项目符号添加到现有的文本,行,或在键入时,可以自动创建项目符号列表。若要使用这些方法的任一,请根据您的具体情况使用下面的方法之一。

    方法 1: 添加项目符号或编号现有文本

    要添加项目符号或编号列表中的现有的文本项,请按照下列步骤,请执行以下操作:格式工具栏上执行以下任一操作:如果要向其中添加项目符号,请单击 项目符号按钮。如果要添加编号,请单击 编号 按钮。默认值 (或当前所选) 项目符号或编号格式将添加到列表项。

    方法 2: 向现有文本中添加项目符号或编号列表格式

    使用项目符号或编号列表格式,可以添加项目符号或编号列表中的现有文本项。若要这样做,请按照下列步骤操作:在 格式菜单上单击项目符号和编号,然后执行以下任一操作:如果要向其中添加项目符号,请单击 项目符号 选项卡。如果要添加编号,请单击 编号 选项卡。单击所需的项目符号或编号列表格式,然后单击 确定。项目符号或编号格式将被添加到列表项。

    方法 3: 创建项目符号列表或编号的列表,您键入时

    如果您不具有尚未启动列表,您可以创建项目符号列表或编号的列表会自动在键入时。若要这样做,请按照下列步骤操作:启动 Word,然后打开您的文档。执行了下列为适用于您的 Word 版本之一:在 Word 2000 中单击 工具菜单中的自动更正,然后单击 键入时自动套用 格式选项卡。在 Word 2002 中单击 工具菜单上的自动更正选项,然后单击 键入时自动套用 格式选项卡。在 键入时应用,下执行一项或两个以下,然后单击 确定:单击以选中 自动项目符号列表复选框(如果它尚未被选中)。单击以选中 自动编号的列表复选框(如果它尚未被选中)。请执行以下任一操作:类型 1 如果您要开始创建编号的列表。类型 * (星号字符) 如果您要开始项目符号列表。请按空格键。键入您的文本,然后按 ENTER 键。Word 会自动插入下一个编号或项目符号,在行的开头。重复步骤 6 以创建其他列表项。要在列表中按 ENTER 键两次。

    方法 4: 大纲编号的列表和多级项目符号列表

    创建多级符号的列表若要进行一个多级符号的列表,请按照下列步骤操作:启动 Word,然后打开您的文档。在 格式菜单上单击项目符号和编号,然后单击 多级符号 选项卡。选择在行中的任何列表样式,然后单击确定。注意: 不要选择包含文本"标题 1"的样式。在文档中显示列表的第一个数字。键入列表的文字,确保每个项目之后按 ENTER 键。Word 会自动按顺序处于第一级别的每一行的开头插入数字。若要将多级符号项目移动到所需的级别中,请执行以下任一操作:要降级到更低级别项目,选择该的项目,然后单击增加缩进量。若要将升级到较高级别项,选择该的项目,然后单击减少缩进量。该项目移动到指定,并在行的开头插入合适的编号级别的级别。创建多级项目符号列表若要进行多级项目符号列表,请按照下列步骤操作:启动 Word,然后打开您的文档。在 格式 菜单上单击 项目符号和编号,自定义。注意: 不要选择包含文本"标题 1"的样式。在 级别 框中单击 1。在 编号样式 框选择一个现有项目符号,或单击以选择所需的项目符号的 新项目符号。重复步骤 4 和 5,将添加到列表中其他级别。 选择不同的级别和一个不同的项目符号列表的每个级别。单击 确定。列表的第一级显示一个项目符号。键入列表的文字,确保每个项目之后按 ENTER 键。自动在第一个级别的每一行的开头插入项目符号。将项目符号项移动到所需的级别,请执行以下任一操作:若要将降至较低级别项,单击相应的项目,然后单击增加缩进量。要升级到较高级别项目,单击相应的项目,然后单击减少缩进量。该项目移动到指定,并在行的开头插入相应的项目符号,该级别的级别。

    展开全文
  • 使用CSS ::marker的自定义项目符号

    千次阅读 2020-11-22 16:03:44
    自定义数字或项目符号的颜色,大小或类型很简单。 感谢CSS ::marker,我们可以更改内容以及项目符号和数字的某些样式。 文章目录浏览器兼容性伪元素创建一个markermarker样式允许的CSS ::marker属性更改marker的...

    现在,在使用 <ul><ol> 时自定义数字或项目符号的颜色,大小或类型很简单。

    感谢CSS ::marker,我们可以更改内容以及项目符号和数字的某些样式。



    浏览器兼容性

    当Chromium 86发布时,::marker 将在桌面和Android的Firefox、桌面Safari和iOS Safari以及基于Chromium的桌面和Android浏览器中得到支持。有关更新,请参见MDN的浏览器兼容性表。

    伪元素

    考虑以下基本HTML无序列表:

    <ul>
      <li>深网|美团的头号创业项目:王兴发话“这场仗一定要打赢”</li>
      <li>外媒:华为受美国制裁出现转折,美国或允许部分公司提供非5G零件</li>
      <li>iPhone12不到一周就破发 经销商:办5G套餐能降1300多元</li>
      <li>威马汽车自燃事件续:官方承认缺陷电池并召回,占总销量3.6%</li>
      <li>iPhone 背后的浓浓塑料情:富士康薅苹果羊毛,库克偷偷找备胎</li>
    </ul>
    

    我们知道会渲染成下面的样子

    每个 <li> 项开头的都有一个点。

    今天我们很兴奋地讨论一下 ::marker 伪元素,浏览器为你创建的项目符号元素设置样式。

    关键术语:伪元素表示文档中除文档树中存在的元素以外的元素。例如,您可以使用伪元素 p::first-line 来选择段落的第一行,即使没有任何HTML元素包装这行文本。

    创建一个marker

    在每个列表项元素内自动生成 ::marker 伪元素标记框,在实际内容和 ::before 伪元素之前。

    li::before {
      content: "::before";
      background: lightgray;
      border-radius: 1ch;
      padding-inline: 1ch;
      margin-inline-end: 1ch;
    }
    

    通常情况下,列表项是 <li> HTML元素,但其他元素也可以通过 display:list-item 成为列表项。

    <dl>
      <dt>深网|美团的头号创业项目:王兴发话“这场仗一定要打赢”</dt>
      <dd>L外媒:华为受美国制裁出现转折,美国或允许部分公司提供非5G零件</dd>
      <dd>iPhone12不到一周就破发 经销商:办5G套餐能降1300多元</dd>
    
      <dt>威马汽车自燃事件续:官方承认缺陷电池并召回,占总销量3.6%</dt>
      <dd>iPhone 背后的浓浓塑料情:富士康薅苹果羊毛,库克偷偷找备胎</dd>
    </dl>
    
    dd {
      display: list-item;
      list-style-type: "🤯";
      padding-inline-start: 1ch;
    }
    

    marker样式

    在使用 ::marker 之前,列表可以使用 list-style-typelist-style-image 来改变列表项的符号,只需使用一行CSS。

    li {
      list-style-image: url(/right-arrow.svg);
      /* OR */
      list-style-type: '👉';
      padding-inline-start: 1ch;
    }
    

    这是方便的,但我们需要更多。改变颜色,大小,间距等!这就是 ::marker 的用武之地,它允许从CSS中单独或全局地定位这些伪元素。

    li::marker {
      color: hotpink;
    }
    
    li:first-child::marker {
      font-size: 5rem;
    }
    

    警告:如果上面的列表没有粉红色的项目符号,则您的浏览器不支持 ::marker

    list-style-type 属性提供的样式可能性非常有限。::marker 伪元素意味着你可以将标记本身作为目标,并直接对其应用样式,这就允许更多的控制。

    也就是说,你不能在一个 ::marker 上使用每一个CSS属性。规范中明确指出了允许和不允许的属性列表,如果你用这个伪元素尝试了一些有趣的东西,但没有成功,下面的列表是你的指南,让你了解什么可以和什么不可以用CSS来做。

    允许的CSS ::marker属性

    • animation-*
    • transition-*
    • color
    • direction
    • font-*
    • content
    • unicode-bidi
    • white-space

    更改 ::marker 的内容是通过 content 而不是 list-style-type 来完成的。在下一个示例中,第一项使用 list-style-type 设置样式,第二项使用 ::marker 设置样式。第一种情况下的属性适用于整个列表项,而不仅仅是标记,这意味着文本和标记都在动画化。当使用 ::marker 时,我们可以只针对标记框而不是文本。

    另外,注意不允许的 background 属性是没有效果的。

    List Style

    li:nth-child(1) {
      list-style-type: '?';
      font-size: 2rem;
      background: hsl(200 20% 88%);
      animation: color-change 3s ease-in-out infinite;
    }
    

    Marker Styles

    li:nth-child(2)::marker {
      content: '!';
      font-size: 2rem;
      background: hsl(200 20% 88%);
      animation: color-change 3s ease-in-out infinite;
    }
    

    更改marker的内容

    以下是一些样式标记的方法。

    更改所有列表项

    li {
      list-style-type: "😍";
    }
    
    /* OR */
    
    li::marker {
      content: "😍";
    }
    

    仅更改一个列表项

    li:last-child::marker {
      content: "😍";
    }
    

    将列表项更改为SVG

    li::marker {
      content: url(/heart.svg);
      content: url(#heart);
      content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24' width='24'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='hotpink' stroke-width='3'/></svg>");
    }
    

    更改编号列表

    <ol> 呢?默认情况下,有序列表项上的标记是数字,而不是项目符号。在CSS中,这些功能称为Counters,功能非常强大。它们甚至有属性来设置和重设数字的开始和结束位置,或者将它们切换为罗马数字。我们可以给它设计样式吗?是的,我们甚至可以使用 marker content 值来构建我们自己的编号表示。

    li::marker {
      content: counter(list-item) "› "; 
      color: hotpink;
    }
    

    调试

    Chrome DevTools随时可以帮助你检查,调试和修改应用于 ::marker 伪元素的样式。

    未来的伪元素样式

    您可以从以下位置找到有关 ::marker 的更多信息:

    能接触到一些一直难以样式化的东西,真是太好了,你可能会希望你能对其他自动生成的元素进行样式设计。你可能会对 <details> 或搜索输入自动完成指示器感到沮丧,这些东西在各浏览器中的实现方式并不相同。

    展开全文
  • 2017年职称计算机考试Word考点:项目符号和编号导语:项目符号是放在文本(如列表中的项目)前以添加强调效果的点或其他符号。我们一起来看看相关的职称计算机考试知识吧。项目符号和编号1、使用...3、自定义项目符号...
  • 第六课 添加项目符号和编号教学目标:1、掌握添加项目符号和编号的方法。2、掌握添加段落边框底纹的方法。教学重点:添加段落边框底纹的正确步骤。教学难点:项目符号和编号的基本设置。教具:计算机、课件课时...
  • 有时候用户感觉Word 2016提供的项目符号和编号并不符合文档所需,这时候用户可以自定义项目符号和编号。本文讲述了Word2016文档中自定义编号与设置编号起始值的方法。一、自定义编号步骤1:打开Word文档,将光标定位...
  • word项目符号和编号的操作方法Word可以为提纲式的...1为列表加编号和删除编号选定要加编号的段落。单击工具栏上的“编号”按钮后,将对所选文本自动加上数字编号。若要删除列表编号,则选定要删除编号的段落。单击工...
  • 项目编号可使文档条理清楚重点突出,提高文档编辑...这篇文章比较多地介绍了如何很好地在Word文档中应用项目符号和编号的技巧。也为帮助大家理解应用方面的问题,西诺在这里提出个人意见,以便大家参考。同时也...
  • Word中项目符号和编号用法详解

    千次阅读 2011-11-04 11:10:37
    项目编号可使文档条理清楚重点突出,提高文档编辑速度,因而受爱用Word编辑文章的朋友...前者即通过单击“编号”、“项目符号”按钮或“格式”菜单中的“项目符号和编号”命令引用;后者则通过打开“自动更正”对话框
  • word项目符号编号bullets and numbering

    千次阅读 2012-03-27 16:48:36
    本文提供了如何在 Word 中创建项目符号编号列表的分步摘要。 在 Word,您可以将项目符号添加到现有的文本,行,或在键入时,可以自动创建项目符号列表。若要使用这些方法的任一,请根据您的具体情况使用下面的...
  • 只需将样式放在li:before选择器vola自定义项目符号上即可。 观察下面的示例,在该示例中,我们选择将ul li符号ol li数字编号设置为红色。 li : before { color : red; } 安装 您可以从github下载styleable-...
  • Word自定义多级符号方法

    万次阅读 2012-03-23 12:01:14
    很多情况下,默认的多级符号... 1、将插入点定位到要添加多级符号列表的位置,单击右键,选择“项目符号编号”;  2、选择“多级符号”选项卡;  3、选择一种与需要最接近的样式,单击“自定义”按钮,打开
  • 项目符号和编号1、使用项目符号和编号:选定段落,单击[格式]/[项目符号和编号],选择一种项目符号编号。2、项目符号和编号的转换:选定要转换的段落,单击[格式]/[项目符号和编号],重新选择一种项目符...
  • 一、插入项目符号项目符号是添加在段落前面的符号,以达到所有项目清晰的目的。项目符号可以是字符、符号,也可以是图片,常用于设置一些并列型文本格式。1、直接插入项目符号的方法Word 2013为用户提供了简单易用的...
  • 2)执行【格式】|【项目符号和编号】命令或在文本任意位置单击鼠标右键,在弹出的快捷菜单中选择【项目符号和编号1,弹出【项目符号和编号】对话框,当前显示【项目符号】选项卡。3)选择其中一种项目符号。4)通过改变...
  • 项目符号是放在文本(如列表中的项目)前以添加强调效果的点或其他符号。中文名项目符号定义项目符号是放在文本(如...项目符号编号格式将被添加到列表项。也可以不使用字符映射表,例如用输入法输入某种特殊符号,...
  • Word中的编号和项目符号

    千次阅读 2008-04-02 20:53:00
    在Word的使用中,经常用到编号和项目符号,下面是关于如何使用编号和项目符号的较详细的说明,希望给您的工作带来方便。 一.自动创建编号和项目符号 1、自动功能的设置 首先选择“工具”菜单的“自动更正”命令...
  • 我有这段HT​​ML代码:Item 1Item 2Item 3.1Item 3.2Item 4Item 5Item 6CSS:.custom {list-style:none;padding:0;margin:0;}.custom li:before {display:inline-block;content:attr(data-bullet);width:50px;}/*...
  • 经研究发现,只需设置编号样式即可解决这个问题【步骤】1、打开【内容窗格】2、选择【样式格式】3、选中自定义编号样式步骤4、单击修改,在对话框中选择【编号】,进一步打开【项目符号和编号】对话框,选择步骤
  • Latex自定义itemize的编号格式

    千次阅读 2021-06-05 13:35:50
    Latex如何自定义无序列表符号 关于这个问题,我在百度上搜了很多文章都没有找到满意的答案,但在查阅Latex官方文档的时候找到了答案,遂记录于此。 首先,这是默认的无序列表符号: \begin{itemize} \item First ...
  • 本篇文章给大家带来的内容是关于自定义列表项符号list-style-image详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。一、list-style-image属性不管是有序列表,还是无序列表,都有它们自身的...
  • 有朋友问及这样一个问题:如果不使用Word工具栏上的“项目符号”或者“编号”按钮,而是使用键盘,能不能对段落快速应用项目符号编号?因为朋友在写作的过程中,经常会用到这样的样式,而在打字的过程中停下来再去...
  • LATEX之自定义编号列表

    千次阅读 2020-08-22 16:51:19
    自定义编号列表 \documentclass[a4paper]{ctexart} \usepackage{ctex} \usepackage{xeCJK} %导入这个宏包,就可以支持中文 \usepackage{enumitem}[inline] \usepackage{ulem} \begin{document} %编号列表的自定义...
  • 在Word中使用编号可以方便地对段落进行排序,当添加或删除项目后,编号能自动按段落次序重新编排。...执行“格式”→“项目符号和编号”→“编号”选项卡,单击“自定义”按钮,打开“自定义编号列表”对话框。注
  • 现在我们调出自定义编号列表对话框,进一步了解它们之间的对应关系。 其中: 编号位置下的对齐位置,对应的是首行缩进的位置,的确也就是编号起始的位置。 文字位置下的制表位位置,对应的是红圈中制表符的位置,...
  • 使用Story Map Series应用程序,您可以通过标签,编号项目符号或侧面手风琴显示一系列地图。 除地图外,您还可以在系列中包含图像,视频Web内容,以讲述您的故事并吸引观众。 例如,选项卡式系列中的第一个选项...
  • 操作步骤如下:格式——项目符号和编号——多级符号——自定义 自定义成功后,关键是三个键的用法:“enter” “tab” “backspace”1.enter 此键按一次保持级别不变,按两次结束本次项目编排。2.tab此键是降低...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,612
精华内容 6,244
关键字:

如何自定义项目符号和编号