html简约按钮样式,简约CSS按钮样式设计+文字特效

标签:

按钮:

.blog-but{ /* 按钮美化 */

width: 270px; /* 宽度 */

height: 40px; /* 高度 */

border-width: 0px; /* 边框宽度 */

border-radius: 3px; /* 边框半径 */

background: #1E90FF; /* 背景颜色 */

cursor: pointer; /* 鼠标移入按钮范围时出现手势 */

outline: none; /* 不显示轮廓线 */

font-family: Microsoft YaHei; /* 设置字体 */

color: white; /* 字体颜色 */

font-size: 17px; /* 字体大小 */

}

.blog-but:hover { /* 鼠标移入按钮范围时改变颜色 */

background: #5599FF;

图片展示:

52e6d9f8a83016755879f74a32a7d2cc.png

文字特效:

h1 {

width:100%; display:block;

line-height:1.5em;

overflow:visible; font-size:22px;

text-shadow:#f3f3f3 1px 1px 0px, #b2b2b2 1px 2px 0

}

/* 起关键作用的是:

text-shadow:#f3f3f3 1px 1px 0px, #b2b2b2 1px 2px 0*/

图片展示:

e2a1afbd8595ca731d266cd869ebef7a.png

标签:

来源: https://blog.csdn.net/qq_42280739/article/details/82689098

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值