统计
  • 建站日期:2022-12-01
  • 文章总数:5933 篇
  • 评论总数:34324 条
  • 分类总数:14 个
  • 最后更新:3月31日
文章 网页代码

利用css生成首字母文字头像代码

首页 > 网页代码 > 正文
利用css生成首字母文字头像代码-酷库博客-第4张图片

在做模版时为了美观好看,会在一些地方显示一些图片,通过代码获取文章中的图片来显示,而在文章中没有图片时,我们可以使用一张默认的图,总是搞这些默认的图不是很好看,这时我们可以用css来生成文章标题首字母的头像为图片,这样会不会看起来很美观,那么如何利用css生成首字母文字头像?

利用css生成首字母文字头像代码-酷库博客-第5张图片

利用css生成首字母文字头像代码

把下方的css代码复制到css文件中,html代码复制到需要的地方,就可以实现利用css生成首字母文字头像的功能,要注意中文与英文数字要设置不同搞的css样式,还需要把css样式复制一份改个名字,然后修改其中的text-indent和letter-spacing值,其它属性可按需求自行修改。

文章回复-酷库博客.png
此处内容已隐藏,评论后刷新即可查看!

html调用代码

<div class="lanye-textavatar">字母头像</div>

免责申明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
12月21日_星期三_在这里每天60秒读懂世界!
« 上一篇 12月21日
EmlogPro如何修改emlog后台登陆管理页面
下一篇 » 12月21日
为了防止灌水评论,登录后即可评论!
注册登录

已有 6 条评论

  1. ugbBtXYm Lv.3
    2023-03-17 17:39 安徽省 移动数据上网公共出口

    说道:665533

    1. zQi2kBRm 游客
      2023-02-24 11:20 安徽省合肥市 电信

      说道:说道:看看

      1. LNOIcLyG Lv.2
        2023-01-09 21:22 重庆市 电信

        说道:看看

        1. laputa Lv.6
          2022-12-21 21:59 贵州省铜仁市 联通

          说道:看看

          1. lA169XOY Lv.6
            2022-12-21 17:03 湖北省襄阳市 移动

            说道:看看

            1. UcXbE7JR Lv.6
              2022-12-21 10:29 浙江省衢州市 联通

              说道:每天逛一遍每天学一遍:

              HI ! 请登录
              注册会员,享受下载全站资源特权。

              最新文章

              本周热门


              登陆
              还没有账号?立即注册
              点击按钮进行验证
              登陆
              忘记密码
              已经有账号?马上登陆
              获取验证码
              重新获取(60s)
              点击按钮进行验证
              重置密码
              注册
              已经有账号?马上登陆 获取邀请码
              点击按钮进行验证
              立即注册