首页 >web前端 >H5教程 > 正文

html5如何设置文字颜色灰色

原创2021-03-03 16:18:5202445

html5设置文字颜色灰色的方法:使用属性【text-shadow】向文本设置阴影,语法为【object.style.textShadow=“2px 2px #ff0000”】。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html5设置文字颜色灰色的方法:

text-shadow属性向文本设置阴影。

  • 默认值: none

  • 继承性: yes

  • 版本: CSS3

语法:

object.style.textShadow=“2px 2px #ff0000”
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>文字阴影</title>
<style type="text/css">
p {
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:36px;
color:#f90;
text-shadow:-5px -5px 3px #00f,
5px 5px 3px #333;/* 添加文字阴影 */
}
</style>
<body>
<p>阴影属性<br />
  text-shadow</p>
</body>
</html>

相关学习推荐:html视频教程

以上就是html5如何设置文字颜色灰色的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html5 颜色灰色
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1406
    浅析php简单操作mysql锁机制3019
    php无法加载mysql怎么办1593
    推荐视频教程
  • html5开发移动端数据报告html5开发移动端数据报告
  • html5教程:六小时玩转js与字符串视频教程-千锋教育html5教程:六小时玩转js与字符串视频教程-千锋教育
  • HTML5新特性基础视频教程HTML5新特性基础视频教程
  • HTML5基础精讲视频教程HTML5基础精讲视频教程
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • 视频教程分类