html怎么去掉button的边框

  • 来源:网络
  • 更新日期:2022-02-25

摘要:方法: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>按钮元素</button></body></html>


2、利用border-color属性

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


推荐教程:《html视频教程》