CSS 圆角扁平按钮 谁能给我一个？ 不带图片CSS写出来的
如题感激不尽类似这个鼠标点中会往下潜松开会恢复原状松开后才起到跳转链接作用对就这这种感觉！求代码！感谢好心人...
如题 感激不尽 类似这个
鼠标点中 会往下潜 松开会恢复原状 松开后才起到跳转链接作用 对就这这种感觉！ 求代码！感谢好心人 展开
鼠标点中 会往下潜 松开会恢复原状 松开后才起到跳转链接作用 对就这这种感觉！ 求代码！感谢好心人 展开
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</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>
大小可以自己改一下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
<style>
#a{ width:600px; height:50px; border-radius:5px 5px 5px 5px;border: 5px outset rgb(0,102,255);
background:-webkit-linear-gradient(rgb(0,102,255),rgb(0,0,255),rgb(0,0,255),rgb(0,0,255),rgb(0,0,255));}
/*border-radius设置圆角为5px border：边框5px 3D突出边框 边框颜色 background:-webkit-linear-gradient默认从上到下渐变这个上图貌似是图片*/
#a:hover{ width:600px; height:50px; border-radius:5px 5px 5px 5px;border: 5px inset rgb(0,0,255);
background:-webkit-linear-gradient(rgb(0,102,255),rgb(0,51,255),rgb(0,0,255),rgb(0,0,255),rgb(0,0,255));}
/*鼠标悬浮后 border: 边框5px 3D下陷边框 边框颜色 */
</style>
<div id="a"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html
<a href="#" class="ml-button-9">发货</a>
css
a {
display: block;
border-radius: 4px;
text-align: center;
text-decoration: none;
font-family: 'Helvetica';
font-weight: bold;
font-size: 10pt;
margin: 10px 20px;
padding: 5px 15px;
background-image: linear-gradient( rgb(128, 125, 253) 0%, rgb(8, 4, 182) 30%,rgb(0, 111, 237) 100%);
color: #FFFFFF;
}
参考资料：
http://medialoot.com/preview/frame/css3-buttons.html
<a href="#" class="ml-button-9">发货</a>
css
a {
display: block;
border-radius: 4px;
text-align: center;
text-decoration: none;
font-family: 'Helvetica';
font-weight: bold;
font-size: 10pt;
margin: 10px 20px;
padding: 5px 15px;
background-image: linear-gradient( rgb(128, 125, 253) 0%, rgb(8, 4, 182) 30%,rgb(0, 111, 237) 100%);
color: #FFFFFF;
}
参考资料：
http://medialoot.com/preview/frame/css3-buttons.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
