找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

html怎么去掉button的边框

作者:模板之家 2021-12-13 18:13 226人关注

方法:1、利用border-style属性,给button元素添加“border-style:none;”样式即可;2、利用border-color属性,给button元素添加“border-color:transparent;”样式即可。

方法:1、利用border-style属性,给button元素添加“border-style:none;”样式即可;2、利用border-color属性,给button元素添加“border-color:transparent;”样式即可。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html去掉button的边框

1、利用border-style属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<button>按钮元素</button>
		<button style="border-style: none;">按钮元素</button>
	</body>
</html>

1.png

2、利用border-color属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<button>按钮元素</button>
		<button style="border-color: transparent;">按钮元素</button>
	</body>
</html>

2.png


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)