首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框

    需求背景 - 文字的二次加粗 今天遇到这样一个有意思的问题: 在文字展示的时候,利用了 font-weight: bold 给文字进行加粗,但是觉得还是不够粗,有什么办法能够让文字更粗一点呢?...emm,不考虑兼容性的话,答案是可以利用文字的 -webkit-text-stroke 属性,给文字二次加粗。...看下面的 DEMO,我们可以利用 -webkit-text-stroke,给文字二次加粗: 文字加粗CSS 文字加粗CSS 文字加粗CSS 文字加粗CSS...CodePen Demo -- font-weight: bold 和 -webkit-text-stroke 二次加粗文字 如何给二次加粗的文字再添加边框?...我们可以给二次加粗的文字添加一个文字阴影: 文字加粗CSS p { font-size: 48px; letter-spacing: 6px; font-weight

    1.7K30
    领券