freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md

811 B
Raw Blame History

id, title, challengeType, videoUrl, forumTopicId
id title challengeType videoUrl forumTopicId
587d781b367417b2b2512abb 使用 hr 标签创建水平线 0 https://scrimba.com/c/c3bR8t7 301049

--description--

术语Horizontal Rule => hr => 水平线。

你可以用 hr 标签来创建一条宽度撑满父元素的水平线。这种水平分割线一般用来表示内容主题的改变,或在视觉上将文档分隔成几个部分。

--instructions--

在卡片标题元素 h4 下方添加一个 hr 标签。

**注意:**HTML 中的 hr 是自闭合标签,所以我们不需要为它添加结束标签。

--hints--

应存在一个 hr 标签。

assert($('hr').length == 1);

hr 标签应该在标题和段落之间。

assert(code.match(/<\/h4>\s*?<hr(>|\s*?\/>)\s*?<p>/gi));

--solutions--