CSS标题样式分享一(背景) 教程 软件

love2wind 2022-9-18

1489 0


粉色方格背景标题

h2 {
  padding: 1.65rem 2rem;
  color: #e5004f;
  background-color: transparent;
  background-image: linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc),
    linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

绿色方格背景标题

h2 {
  padding: 1.65rem 2rem;
  color: #22ac38;
  background-color: transparent;
  background-image: linear-gradient(45deg, #dfeeb9 25%, transparent 25%, transparent 75%, #dfeeb9 75%, #dfeeb9),
    linear-gradient(-45deg, #dfeeb9 25%, transparent 25%, transparent 75%, #dfeeb9 75%, #dfeeb9);
  background-size: 24px 24px;
}

蓝色格子背景标题

h2 {
  padding: 1.65rem 2rem;
  background-color: rgba(165, 210, 255, .4);
  background-image:
    linear-gradient(90deg, rgba(165, 210, 255, .3) 50%, transparent 50%),
    linear-gradient(rgba(165, 210, 255, .3) 50%, transparent 50%);
  background-size: 40px 40px;
}

蓝色点点背景标题

h2 {
  padding: 1rem 2rem;
  color: #fff;
  background: #015dac;
  background-image: radial-gradient(#0175d5 13%, transparent 13%), radial-gradient(#0175d5 13%, transparent 13%);
  background-size: 50px 50px;
  background-position: 0 0, 25px 25px;
}


CSS标题样式分享一(背景)
上传时间:2022-9-18
上传用户:love2wind

关闭
这家伙太懒了,什么也没留下。
©️ 版权声明🔔
本文遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
1、本网站的资源主要来源于网络收集,如有侵权,请联系邮箱:i@nicepub进行删除处理。
2、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
3、不得发布和链接任何有关政治, 色情, 宗教, 迷信.低俗、变态、血腥、暴力的帖子。
4、不得发布危害国家安全.诋毁政府形象等违法言论和信息的帖子。
5、本站资源大多为网络云盘,如发现链接失效,可以进行反馈,我们会第一时间更新。
最新回复 (0)
    • 书苑论坛
      2
        马上登录 立即注册
返回