如何使用 CSS 在元素中应用无阴影？
有时候我们需要一个没有阴影的元素，虽然最初没有一个有 框影 的元素。有时其他一些开发人员设计了一个具有框阴影属性的元素，但是你想让它没有阴影。
在本文中，我们将看到如何移除 CSS 中某个元素的框影。
语法:
box-shadow: none;
示例:以下示例演示了一个包含框影属性的按钮。
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<title>Button with box-shadow</title>
<style>
#btn {
padding: 10 20;
background: transparent;
box-shadow: 1px 1px 1px 1px red;
}
</style>
</head>
<body>
<button id="btn"> Click me</button>
</body>
</html>
输出:
示例 2: 以下示例演示了移除框影属性后的按钮。
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<title>Button without box-shadow</title>
<style>
#btn {
padding: 10 20;
background: transparent;
box-shadow: none;
}
</style>
</head>
<body>
<button id="btn"> Click me</button>
</body>
</html>
输出:
没有影子
版权属于：月萌API www.moonapi.com，转载请注明出处
