freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-different-margins-to-ea...

1.1 KiB

id title challengeType videoUrl forumTopicId
bad87fee1248bd9aedf08824 给元素的每一侧添加不同的外边距 0 https://scrimba.com/c/cg4RWh4 16633

--description--

有时候,你会想给一个元素每个方向的 margin 都设置成一个特定的值。

CSS 允许你使用 margin-topmargin-rightmargin-bottommargin-left 属性来设置四个不同方向的 margin 值。

--instructions--

请将蓝色框的顶部和左侧 margin 属性值设置为 40px;将底部和右侧的属性值设置为 20px

--hints--

class 为 blue-box 的元素的上外边距属性值应为 40px

assert($('.blue-box').css('margin-top') === '40px');

class 为 blue-box 的元素的右外边距属性值应为 20px

assert($('.blue-box').css('margin-right') === '20px');

class 为 blue-box 的元素的下外边距属性值应为 20px

assert($('.blue-box').css('margin-bottom') === '20px');

class 为 blue-box 的元素的左外边距属性值应为 40px

assert($('.blue-box').css('margin-left') === '40px');

--solutions--