Menu
CoddyTech

尺寸

Coddy CSS 项目:炫酷按钮 课程的第 3 课,共 8 课。

让我们先来调整按钮的大小。

如果你更改按钮的 width 或 height,文字可能就不会居中。更好的做法是调整 padding。

challenge icon

挑战

简单

任务:

  1. 将按钮文字的字号设置为你喜欢的大小,但要与默认字号(14px)不同
  2. 将垂直内边距设置为 8px,水平内边距设置为 16px
  3. 按你的喜好设置外边距

使用 styles.css 选择并设置按钮样式

亲手试试

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

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

自己练习: Web 在线编辑器