当前位置： 当前位置：首页 >百科 >虚幻直装6.0公益暗区利用css属性生成首字母文字头像代码正文

做模版时为了美不雅美不雅，运用会在一些中间展现一些图片，属生首经由代码取患上文章中的本尊科技性天虚幻直装6.0公益暗区图片来展现 ，而在文章中不图片刻  ，暗区突围免费直装字母咱们可能运用一张默认的翰墨暗区风暴直装图 ，暗区突围挂网站卡盟总是头像暗区突围GM直装搞这些默认的暗区突围科技图不是很美不雅，苹果越狱辅助论坛这时咱们可能用css来天生文章问题首字母的代码头像为图片，这样会不会看起来很美不雅，运用那末若何运用css天生首字母翰墨头像？属生首运用css天生首字母翰墨头像代码

把下方的css代码复制到css文件中，html代码复制到需要的性天中间，就能实现运用css天生首字母翰墨头像的字母功能
，要留意中文与英文数字要配置差距搞的翰墨css名目，还需要把css名目复制一份改个名字，头像暗区突围黑武士直装v7详细教程而后更正其中的代码text-indent以及letter-spacing值 ，此外属性可按需要自行更正 。运用TGVKernel免费内核暗区

.lanye-textavatar{ width: 48px; height: 48px; line-height: 48px; background-color: #718af5; vertical-align: middle; overflow: hidden; font-size: 20px; text-indent: 11px; text-align: center; letter-spacing: 11px; color: #fff; border-radius: 60%; }

html调用代码

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