css圆角按钮样式,css设置按钮圆角

CSS 圆角扁平按钮 谁能给我一个？ 不带图片CSS写出来的

!doctype html

html lang="en"

head

meta charset="UTF-8"

titleDocument/title

style

.btn{display:inline-block;width:60px;height: 25px;line-height: 25px;text-align:center;color:#fff;border-radius: 5px;text-decoration: none;

background:-webkit-linear-gradient(270deg,rgb(96,161,255),rgb(33,121,255) 30%,rgb(4,103,255) 30%,rgb(0,97,255))}

.btn:active{background:-webkit-linear-gradient(270deg,rgb(80,121,255),rgb(20,121,255) 30%,rgb(1,103,255) 30%,rgb(0,60,255))}

/style

/head

body

a href="#" class="btn"发货/a

/body

/html

大小可以自己改一下

相关问答

Q1: html怎么设置圆角矩形按钮彩虹条

1、打开htm1软件，打开工作区空间，选择需要进行操作的文件夹，点击上方的新建文件选项。

2、在弹出的文本框中给html文件命名，文件后缀名要以html结尾，文件命名为round，html，建议使用功能性的文件命名方式。

3、在新建的html文件中输入设置圆角矩形按钮彩虹条CSS代码。

4、在代码的空白区域右击在弹出的选项卡中选择Open，In，Default，Browser选项。

5、点击运行之后，在浏览器网页中显示出制作的圆角矩形彩虹条的效果。

Q2: 如何用CSS代码设定按钮的圆角样式？

用 图片做个你想要的按钮，然后给他加超链接呗，要是想提交表单，那么需要用js

Q3: div css圆角边框怎么设置？除了用图片的方法以外还有其他方法吗？

1、css圆角实现的方式有很多种，最简单最方便的是使用border-radius属性。或者使用圆角图片。

2、border-radius后面直接接数值。

3、图片圆角就是事先切除圆角图片，可以制作定高，或者定宽的div。

4、使用border-radius的优点是无序添加多余结构代码，但是对于低版本的浏览器支持有问题。使用图片圆角不会有兼容问题，但是会多出多余的代码和结构。