美文网首页
用过CSS3吗? 实现圆角矩形和阴影怎么做?

用过CSS3吗? 实现圆角矩形和阴影怎么做?

作者: vousmevoyezLi | 来源:发表于2019-02-25 14:50 被阅读0次

```

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>rectangle</title>

</head>

<style>

  .rectangle{

    box-sizing: border-box;

    width: 100px;

    height: 60px;

    border-radius: 10px;

    border: 1px solid red;

    box-shadow: 4px 4px 4px black;

  }

</style>

<body>

    <div class="rectangle"></div>

</body>

</html>

```

相关文章

  • Js常见题目3

    3.用过CSS3吗? 实现圆角矩形和阴影怎么做? 圆角border-radius; http://js.jiren...

  • 用过CSS3吗? 实现圆角矩形和阴影怎么做?

    ``` rectangle .rectangle{ box-sizing...

  • 好程序员web前端培训分享CSS3 边框

    好程序员web前端培训分享CSS3 边框,通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 ...

  • 前端面试题及答案3

    一、. CSS3有哪些新特性? CSS3实现圆角(border-radius),阴影(box-shadow), 对...

  • IE6&7下使用CSS3(ie-css3.htc的使用及加强版)

    转载 做前端的同学都应该听说或者用过,是一段脚本,可以让ie实现css3里的圆角和阴影效果。 css带来的便利是很...

  • css之border

    css边框属性 通过css3,能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 border-radius b...

  • 08_dayCSS动画

    CSS3新增的功能有:过渡和动画,阴影和圆角 css3过渡动画: css3都有哪些新增的东西 : 过度,动画,阴影...

  • CSS3 边框

    通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 Photo...

  • CSS3边框

    通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 Photo...

  • CSS3 圆角矩形与阴影

    1.圆角矩形的实现 设置属性 border-radius。 等价于: 2.阴影的实现

网友评论

      本文标题:用过CSS3吗? 实现圆角矩形和阴影怎么做?

      本文链接:https://www.haomeiwen.com/subject/qhhgyqtx.html