我们先来看下按钮样式：
（推荐教程：CSS教程）
海洋影视管理系统（seacms，海洋cms）是一套专为不同需求的站长而设计的视频点播系统，灵活，方便，人性化设计简单易用是最大的特色，是快速架设视频网站首选，只需5分钟即可建立一个海量的视频讯息的行业网站。 海洋cms采用PHP+MYSQL架构,原生PHP代码带来卓越的访问速度和负载能力免去您的后顾之优。海洋cms支持一键转换原max的模板和数据，实现网站无缝迁移到新平台。众多人性化功能设计，超
116
具体代码：
立即学习“前端免费学习笔记（深入）”；
<button id="btn">打印</button>
//js写法
$("#btn").css({
"font-family": "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif",
"font-size": "13px!important",
"height": "30px",
"line-height": "18px!important",
"padding": "3px 18px",
"display": "inline-block",
"vertical-align": "middle",
"font-weight": "normal",
"border-radius": "2px",
"margin": "0 8px 0 3px",
"border": "1px solid #3383da",
"color": "#ffffff",
"background-color": "#3383da"
});
//css写法
#btn{
font-family: "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif";
font-size: 13px!important;
height: 30px;
line-height: 18px!important;
padding: 3px 18px;
display: inline-block;
vertical-align: middle;
font-weight: normal;
border-radius: 3px;
margin: 0 8px 0 3px;
border: 1px solid #3383da;
color: #ffffff;
background-color: #3383da;
cursor: pointer;
}以上就是css实现一个简单的扁平化按钮的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
709
收藏
