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

用户头像框

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

课程介绍

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

课程亮点:

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

适合这样的人

仅仅学习过HTML的新手