css3字体效果
2015-07-29 14:59
471 查看
</head>
<style>
div{
text-shadow:5px 5px 5px #CF3;
font-size:40px;
color:#00F;
font-weight:bold;//字体加粗
font-family:"Lucida Console", Monaco, monospace;
}
</style>
<body>
<!--text-shadow:length length length color--前三个length的第一个表示阴影离开文字横向的距离,第二个是纵向方向的距离,模糊的状态,阴影的颜色-->
<div>你好</div>
</body>
</html>
展示效果
<style>
div{
text-shadow:5px 5px 5px #CF3;
font-size:40px;
color:#00F;
font-weight:bold;//字体加粗
font-family:"Lucida Console", Monaco, monospace;
}
</style>
<body>
<!--text-shadow:length length length color--前三个length的第一个表示阴影离开文字横向的距离,第二个是纵向方向的距离,模糊的状态,阴影的颜色-->
<div>你好</div>
</body>
</html>
展示效果
![](http://images0.cnblogs.com/blog2015/786237/201507/291458595011302.png)
相关文章推荐
- css弹出遮罩层
- css3复选框
- Emmet:HTML/CSS代码快速编写神器
- css3鼠标状态
- css3列表属性
- CSS代码优化7个准则
- html css一些记录
- css 实现垂直居中的5种方法
- 前端性能优化(CSS动画篇)
- 去掉chrome 浏览器 input textarea 获取焦点后边框
- css文字样式
- 静态Web开发 CSS
- 使用CSS样式position:fixed水平滚动的方法
- 一款很漂亮的CSS3登录界面
- css中的选择器
- 去除inline-block元素间间距的N种方法
- CSS常用属性
- 【jetty】jetty作为maven插件,解除JS/CSS等静态文件锁定
- CSS布局页面之盒子模型
- 样式表的重置