chevron_left

CSS 入门
已发布
第 12 回

课程讲义

CSS 入门 - 圆角（border-radius）与超出隐藏（overflow）

2023年11月13日
CSS 入门

圆角（border-radius）与超出隐藏（overflow）

实际开发项目，很多地方，都会用圆角。圆角是属于CSS 3中的属性，用起来非常的简单。咱们一起来玩玩看。

<html>
<head>
    <meta charset="utf-8">
    <!-- ... -->

    <style>
        .radius {
            border: 1px solid;
            width: 110px;
            height: 110px;
            border-radius: 10px;
        }
    </style>
</head>

<body>
<div class="radius"></div>
</body>
</html>

1.png

用户头像框

利用圆角，还能制作很多有意思的东西，例如长乐未央中的用户头像，就是一个...

请登录后查看更多expand_more

课程介绍

CSS（层叠样式表）是网页设计和开发中不可或缺的一部分，它赋予网页独特的外观和风格。本课程专为初学者设计，通过简洁而实用的教学内容，帮助您迅速入门 CSS 的基本概念和技能。

课程亮点：

  • 从零开始学 CSS：适合零基础的学员，课程将从 CSS 的基础概念开始，逐步引导学员建立对样式表的深入理解。
  • 实用案例演示：我们将通过实际案例演示，让您在学习过程中直接应用所学知识，加深对 CSS 各项属性的理解。
  • 与 HTML 结合使用：掌握如何将 CSS 与 HTML 结合使用，实现更加丰富和吸引人的网页设计。

内容索引

适合这样的人

仅仅学习过HTML的新手

授课老师