2024年10月23日

每天一个CSS小技巧-边框内圆角（css中怎么样设置边框为圆角的）

有时我们需要一个容器，只有在内侧有圆角，而border和outline的四个角在外部仍然保持直角的形状。

一般的方法如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>边框内圆角</title>
  <style>
    .something-meaningful{
      width: 200px;
      height: 100px;

      background: #655;
      padding: .6em;

    }

    .something-meaningful > div{
      background: tan;
      border-radius: .8em;
      padding: 1em;
    }
  </style>
</head>
<body>
  <div class="something-meaningful">
    <div>
      I have a nice subtle inner rounding,
      don't I look pretty?
    </div>
  </div>
</body>
</html>

2024年10月23日

前端入门——css边框和圆角（css3的圆角边框用什么属性定义）

前言

之前在介绍css盒子模型的时候，大概讲过边框border，边框border是其中一个重要组成部分。本篇将具体介绍边框的属性，

2024年10月23日

CSS实现多重边框的5种方式（css多个）

点击右上方红色按钮关注“web秀”，让你真正秀起来！

前言

目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其他的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。

前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

每天一个CSS小技巧-边框内圆角（css中怎么样设置边框为圆角的）

前端入门——css边框和圆角（css3的圆角边框用什么属性定义）

前言

CSS实现多重边框的5种方式（css多个）

前言