怎样用代码设置圆角边框和阴影

 时间:2026-02-14 04:23:23

1、打开dreamweaver软件,新建一个HTML文件。

怎样用代码设置圆角边框和阴影

2、我们设置一个div标签,写入以下代码。

div

{text-align:center;

border:1px solid #F00;

padding:30px 150px;

background:#0F0;

width:400px;

}

怎样用代码设置圆角边框和阴影

3、3.然后我们在

标签下加入这个div。

圆角和阴影

怎样用代码设置圆角边框和阴影

4、我们看下这个效果,这是一个正常的矩形;

怎样用代码设置圆角边框和阴影

5、我们在上面的div属性当中加入border-radius属性,border-radius属性就是创建圆角的属性。

我们写入border-radius:20px。

怎样用代码设置圆角边框和阴影

6、我们可以看下这时显示的效果。

怎样用代码设置圆角边框和阴影

  • jquery怎样获取动态增加的img标签的id
  • js如何让页面所有的span标签内容加粗显示
  • C#编程VS2013使用教程之创建ASP.NET Web应用
  • python内置函数dir怎么使用?
  • 如何使用PS制作塑料字体
  • 热门搜索
    苹果录音怎么导到电脑 生活垃圾图片 千分号怎么输入 汽车年审过期怎么办 剪切的文件怎么恢复 怎么刷显卡bios 混也是一种生活 小米手机如何 铁观音属于什么茶 如何连接局域网