CSS 选择器

练习 1 练习 2 练习 3 练习 4 前往 CSS 选择器教程

CSS 如何...

练习 1 练习 2 练习 3 练习 4 前往 CSS 如何...教程

CSS 背景

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 背景教程

CSS 边框

练习 1 练习 2 练习 3 练习 4 前往 CSS 边框教程

CSS 外边距

练习 1 练习 2 练习 3 练习 4 前往 CSS 外边距教程

CSS 内边距

练习 1 练习 2 练习 3 前往 CSS 内边距教程

CSS 高度/宽度

练习 1 练习 2 前往 CSS 高度/宽度教程

CSS 盒模型

练习 1 练习 2 练习 3 练习 4 前往 CSS 盒模型教程

CSS 外轮廓

练习 1 练习 2 练习 3 前往 CSS 外轮廓教程

CSS 文本

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 文本教程

CSS 字体

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 字体教程

CSS 链接

练习 1 练习 2 练习 3 练习 4 前往 CSS 链接教程

CSS 列表

练习 1 练习 2 练习 3 练习 4 前往 CSS 列表教程

CSS 表格

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 表格教程

CSS 显示/可见性

练习 1 练习 2 练习 3 练习 4 前往 CSS 显示/可见性教程

CSS 定位

练习 1 练习 2 练习 3 练习 4 前往 CSS 定位教程

CSS Z-index

练习 1 前往 CSS Z-index 教程

CSS 溢出

练习 1 练习 2 练习 3 前往 CSS 溢出教程

CSS 对齐

练习 1 练习 2 前往 CSS 对齐教程

CSS 组合器

练习 1 练习 2 练习 3 练习 4 前往 CSS 组合器教程

CSS 伪类

练习 1 练习 2 练习 3 练习 4 前往 CSS 伪类教程

CSS 伪元素

练习 1 练习 2 练习 3 前往 CSS 伪元素教程

CSS 透明度

练习 1 练习 2 前往 CSS 透明度教程

CSS 属性选择器

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 属性选择器教程

CSS 圆角

练习 1 练习 2 前往 CSS 圆角教程

CSS 边框图像

练习 1 练习 2 前往 CSS 边框图像教程

CSS 背景

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 背景教程

CSS 颜色

练习 1 练习 2 练习 3 练习 4 前往 CSS 颜色教程

CSS 渐变

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 练习 7 前往 CSS 渐变教程

CSS 阴影效果

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 阴影效果教程

CSS 文本效果

练习 1 练习 2 练习 3 前往 CSS 文本效果教程

CSS 网络字体

练习 1 练习 2 前往 CSS 网络字体教程

CSS 2D 变换

练习 1 练习 2 练习 3 练习 4 前往 CSS 2D 变换教程

CSS 3D 变换

练习 1 练习 2 练习 3 前往 CSS 3D 变换教程

CSS 过渡

练习 1 练习 2 练习 3 练习 4 练习 5 前往 CSS 过渡教程

CSS 动画

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 前往 CSS 动画教程

×

×

正确

练习：

使用边框的快捷属性为 <p> 元素设置一个"4px"、"虚线"、"红色" 的边框。

<style> p { border: 4px dotted red; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

<style> p { border: 4px red dotted; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

<style> p { border: dotted red 4px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

<style> p { border: dotted 4px red; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

<style> p { border: red 4px dotted; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

<style> p { border: red dotted 4px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

不正确

点击此处重试

正确

下一题 ❯

<style>
p {
  w3exercise_input_no_0
: w3exercise_input_no_1
;
}
</style>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph</p>
  <p>This is a paragraph</p>
</body>