css怎么设置button的边框?

CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,下面我们来看一下css设置button边框的方法。

css可以使用border属性设置button的边框,border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

  • border-width:规定边框的宽度。

  • border-style:规定边框的样式。

  • border-color:规定边框的颜色。

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
.button {
 border:5px solid red;
	}
</style>
</head>
<body>
<button>默认按钮</button>
<button class="button">按钮</button>
</body>
</html>

效果图:

1.jpg-600

以上就是css怎么设置button的边框?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑