本文摘自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 background-attachment属性怎么用
css如何设置div垂直居中
css right属性不起作用怎么办
css怎么设置图片背景
如何使用css修改选择框样式
学html css看什么书？
css怎么设置斜体样式
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么设置字体立体
