css怎样设置button为直角
在css中，可以利用“border-radius”属性设置button为直角，只需要给button元素添加“{border-radius:0%;}”或者“{border-radius:0px;}”样式即可。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css设置button为直角的方法
在css中可以使用border-radius属性来设置元素的圆角边框，border-radius属性的语法为：
border-radius: 1-4 length|% / 1-4 length|%;
其中需要注意的是：
length用来定义圆角的形状，%用来以百分比定义圆角的形状。
button元素在默认情况下是有一些圆角的：
想要将button设置为直角，只需要给button元素添加“border-radius:0px;”或者“border-radius:0%;”样式即可。
示例代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
button{
border-radius:0%;
}
</style>
<body>
<button>123</button>
</body>
</html>
或者另一种形式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
button{
border-radius:0px;
}
</style>
<body>
<button>123</button>
</body>
</html>
上述两种方法输出结果是相同的：
更多编程相关知识，请访问：编程视频！！
以上就是css怎样设置button为直角的详细内容！
相关内容
-
css样式优先级法则
css样式优先级介绍：当外部样式、内部样式和内联样式同时应用于同一个元素时，优先级如下：（外部样式）Externalstylesheet<（内部样式）Internalst...
-
css边框样式如何定义
css定义边框样式的方法：可以利用border-style属性来设置边框样式，如【p.dotted{border-style:dotted;}】，表示将边框设置为点状边框。本文...
-
css有哪几类样式
css有三种类样式，分别是：1、行内样式，结构的内部，即写在标签内的样式；2、外联式是将所有的样式放在一个或多个以【.css】为扩展名的外部样式表文件中；3、内联样式写在HTM...
-
css如何除去最后一个元素样式
css除去最后一个元素样式的方法：1、使用id或是类选择器将最后一个元素设置为默认样式即可；2、使用伪类“:last-child”，自动匹配最后一个元素，将其设置为默认样式即可...
-
css如何取消样式
css取消样式的方法：1、移除全部样式使用【removeattr（“style”）】；2、移除单个样式使用【css（“属性”，“”）】。本教程操作环境：windows7系统、c...
-
css如何清除input默认样式
css清除input默认样式的方法是，将input的各个属性的属性值设置为none即可，例如【background:none;outline:none;border:none;...
-
css应该怎么设置超链接样式
css设置超链接样式的方法是，给超链接添加伪类，例如【a:visited{color:#00FF00;}】。【a:visited】表示用户已经访问过的链接。本文操作环境：win...
-
css样式怎么隐藏起来
把css样式隐藏起来的方法是，给元素设置【display:none;】属性，这样元素便会被隐藏，同时不再占据原来的位置。如果要重新显示元素，可以设置【displayL:bloc...
-
css如何去掉滚动条样式
css去掉滚动条样式的方法是，给滚动条设置【overflow:hidden】样式，将滚动条完全隐藏即可，例如【::-webkit-scrollbar{display:none;...
-
css怎么控制按钮不可用
方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...
