首页 > 软件专区 > ps教程 >

运用css样式修改字体的颜色

来源:互联网 2023-02-21 17:54:19 版权归原作者所有,如有侵权,请联系我们

仅以次分享给更多的人,代码并不是很难,希望能够有更多的人喜欢上代码,并加入进来,共同学习和进步。ZiF办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver cc 2014
  • 需要修改颜色的文本
  • css html

方法/步骤

  • 1

    【第一步】打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码,不需再浪费时间去写。ZiF办公区 - 实用经验教程分享!

    运用css样式修改字体的颜色。ZiF办公区 - 实用经验教程分享!

    运用css样式修改字体的颜色。ZiF办公区 - 实用经验教程分享!

    运用css样式修改字体的颜色。ZiF办公区 - 实用经验教程分享!

  • 2

    ZiF办公区 - 实用经验教程分享!

    【第二步】不管那么多,在body内输入“div class="one">div>”,one可以任意设置的,只要跟上面的样式对应得上即可,输入文本,注意位置。ZiF办公区 - 实用经验教程分享!

    ZiF办公区 - 实用经验教程分享!

    ZiF办公区 - 实用经验教程分享!

    ZiF办公区 - 实用经验教程分享!

    ZiF办公区 - 实用经验教程分享!

    运用css样式修改字体的颜色。ZiF办公区 - 实用经验教程分享!

    运用css样式修改字体的颜色。ZiF办公区 - 实用经验教程分享!

  • 3

    【第三步】在head内键入ZiF办公区 - 实用经验教程分享!

    ‘’style>ZiF办公区 - 实用经验教程分享!

    .one{ color:red}ZiF办公区 - 实用经验教程分享!

    /style>”ZiF办公区 - 实用经验教程分享!

    这就是css样式clor,red为红色,这字体就显红色。ZiF办公区 - 实用经验教程分享!

  • 4

    【第四步】前面三已经完成了一个红色的正方形,先保存好,然后回到界面摁F12跳转到网页上预览一下,就能看到自己的成果了。ZiF办公区 - 实用经验教程分享!

    运用css样式修改字体的颜色。ZiF办公区 - 实用经验教程分享!

  • 4该信息未经许可获取自百度经验
  • 注意事项

    • Dreamweaver 只是个辅助写代码的工具,足够熟练可以用记事本来写。
    • clor的属性可以选择16位数值,也可以是字母。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ZiF办公区 - 实用经验教程分享!


    标签: CSSHTMLPS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号