边框和圆角

Coddy CSS 项目：炫酷按钮课程的第 5 课，共 8 课。

HTML 中的 button 元素带有默认边框，来定制一下吧！

要让边框变圆，可以使用 border-radius 属性（使用与 padding 或 margin 相同的值），例如：

#rounded {
	border-radius: 8px;
}

要完全移除边框，可以使用以下设置覆盖默认样式：

#no-border {
	border: none;
}

提示：如果把 border-radius 设置得足够大，形状就会变成圆形！

挑战

简单

任务：

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
    </body>
</html>

CSS 项目：炫酷按钮中的所有课

1简介

2CSS 项目

边框和圆角