本文摘自PHP中文网，作者anonymity，侵删。
html代码：
1 | <div contenteditable="true" class="text effect01">前端开发</div>
|
css怎么设置字体立体？
css里面还是首先来全局的设置，为了避免视觉疲劳，我们修改了背景颜色和文字颜色。
1 2 3 4 5 6 7 8 9 10 11 12 13 | body{
background-color: #666;
}
@import url(http://fonts.googleapis.com/css?family=Dosis:500,800);
.text {
font-family:"微软雅黑", "Dosis", sans-serif;
font-size: 80px;
text-align: center;
font-weight: bold;
line-height:200px;
text-transform:uppercase;
position: relative;
}
|
然后是简单的效果的核心代码
阅读剩余部分
相关阅读 >>
在css中字体加粗要怎么做？
css怎么设置实线
css实现三角的原理
css怎么设置浮动
css写在哪
css如何解决高度不一致问题
css writing-mode属性怎么用
css如何使用伪元素
css实现文本溢出时显示省略号
css如何添加下划线
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么设置字体立体
