<style>.btn{display: inline-block;padding: 10px;background-color: #ccc;border: 2px solid #000;color: #000;font-size: 16px;border-radius: 0;}</style><p><a href="" >点击我</a></p>以上代码中，我们定义了一个类名为.btn的样式，使用display属性将按钮变为行内块级元素，设置了背景颜色、边框样式和字体颜色，并将border-radius属性设置为0。接下来，在标签中添加按钮元素，并将class设置为.btn，这样就可以将样式应用到按钮上了。实际上，这个效果也可以通过直接设置border-radius为0，而不必定义一个特定的类名来实现。我们可以这样写：
<style>button{padding: 10px;background-color: #ccc;border: 2px solid #000;color: #000;font-size: 16px;border-radius: 0;}</style><p><button>点击我</button></p>在这个例子中，我们直接在button标签中添加样式，并将border-radius设置为0，而不是使用.btn类名。总结要想让CSS按钮边框变成直角，只需要将border-radius属性设置为0。这种方式既可以在定义类名时使用，也可以在直接在元素上设置样式。上一篇：javascript中判断语句
下一篇：javascript中字符数
