本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

用span标签设置div内放一段文字中的部分文字字体颜色方法。

一段文字放在DIV内或P内,当我们设置div或p设置字体颜色,里面全部文字的字体颜色就会变成我们所设置字体颜色。通常会布局一段文字中其中几个字或部分字的字体颜色不同,此时就可以巧妙使用span标签设置class或id或直接设置CSS来设置需求字体颜色。

1、CSS颜色样式单词:color

2、实例教程使用说明

这里对p和DIV内文字内容中其中部分文字设置不同颜色。

3、实例代码

span对一段文字其中部分文字设置不同颜色

div{ color:#000}

p{ color:#F00}

.red{ color:#F00}

#blue{ color:#06F}

欢迎来到php中文网学习html技术, 这里有全面的css教程

此案例是对一段文字中,其中部分文字设置不同的颜色。运用SPAN标签来实现。

直接对文字使用span后直接写CSS实现不同字体颜色

效果如下:

这里使用span标签实现一段文字中其中部分文字设置不同字体颜色,也可以扩展应用em、b、strong等标签灵活应用。

以上就是对怎么用span css设置div内部分字体颜色的全部介绍,如果您想了解更多有关CSS3教程,请关注PHP中文网。

html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?相关推荐

  1. HTML如何修改span里面的字体颜色,怎么用span css设置div内部分字体颜色?

    本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...

  2. css字体颜色span,怎么用span css设置div内部分字体颜色?

    原文:http://www.php.cn/css-tutorial-413189.html 本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友 ...

  3. html怎么设置img样式,img 元素可以用 CSS 设置样式吗?

    img 元素可以用 CSS 设置样式吗? img 元素可以用 CSS 设置样式. 下面本篇文章介绍一下 CSS 对于 < img > 图片的常见操作. 有一定的参考价值, 有需要的朋友可以 ...

  4. html设置一段文字颜色,用span css设置div内部分字体颜色

    用span标签设置div内放一段文字中的一小部分文字字体色采方式. 一段笔墨放在DIV内或P内,当咱们配置div或p设置字体色彩,内里全体笔墨的字体色调就会变成咱们所配置字体色彩.通常会结构一段翰墨中 ...

  5. CSS 中的字体兼容写法:用CSS为英文和中文字体分别设置不同的字体

    font-family的调用方法: font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75e ...

  6. css设置不显示超出内容_显示...,css设置内容超出后显示省略号

    1.使用overflow: hidden把超出的内容进行隐藏: 2.然后使用white-space: nowrap设置内容不换行: 3.最后使用text-overflow: ellipsis设置超出内 ...

  7. php如何设鼠标经过颜色,jQuery实现鼠标滑过Div层背景变颜色的方法

    本文实例讲述了jQuery实现鼠标滑过Div层背景变颜色的方法.分享给大家供大家参考.具体实现方法如下: jQuery实现感应鼠标经过Div层变换图层背景颜色) .divbox{ height:300 ...

  8. frontpage怎么设置html5,怎么在Frontpage中运用css设置网页字体

    在Frontpage2000下,选择菜单"格式/样式",会弹出一个定义样式的窗口,在CSS列表下拉菜单(位于左下)中,选"所有的HTML标记", 这时在左边的列 ...

  9. html代码字号div style=,div字体大小设置 css设置div中字体大小尺寸样式

    div字体大小设置 css设置div中字体大小尺寸样式设置篇 在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...

最新文章

  1. Vi非正常退出导致敏感信息泄露
  2. 目标检测--Wide-Residual-Inception Networks for Real-time Object Detection
  3. Android系统--输入系统(一)必备的Linux知识_inotify和epoll
  4. gcc,cc,g++,CC的区别
  5. [leetcode sort]56. Merge Intervals
  6. AI来袭程序猿是否该学习Python了
  7. 腾讯云认证考试常见问题答疑
  8. 如何将自己的数据转换为Pascal voc2017数据集标注格式
  9. 在asp中实现自动缩放图片(推荐)
  10. 挪车让路,没有留下电话怎么办?
  11. android4k分辨率,4k手机有哪些 4k分辨率是多少【图文】
  12. 基于MATLAB Arnold 的图像置乱加密及解密
  13. 百度导航怎么不显示服务器,百度地图的导航设置中选择在线优先还是离线优先?...
  14. 一转眼,波士顿动力 Atlas 机器人又会过独木桥了!
  15. 伴娘礼服上的年华(五)
  16. 034:vue+openlayers上传KMZ文件并在map上解析(代码示例)
  17. Pytest 如何组织冒烟测试及执行冒烟用例
  18. win10安装PS和AI后报代码为16的错误解决方法
  19. win7系统老是弹窗怎么解决_win7系统右下角经常弹广告怎么办|win7系统右下角弹出广告的屏蔽方法...
  20. web自动化验证码处理

热门文章

  1. 基于文本情感分析和LSTM的股票趋势预测
  2. parallels desktop 安装centos7默认密码和root问题
  3. C语言——getopt函数
  4. 火牛单片机rtc时钟配置_STM8单片机rtc时钟的设计
  5. 如何批量删除mysql的数据库_如何快速批量删除Mysql数据库中的数据表
  6. wget失败,网络不可达
  7. 页面插入Flash动画
  8. android 建立工程文件,Android 项目开发必备-建立属于你的build.gradle文件
  9. 电脑打开回收站显示服务器运行失败,win7 64位系统无法清空回收站的故障原因及解决方法...
  10. linux查看硬盘是否挂载--和磁盘相关命令