首页 > 电脑专区 > 电脑教程 >

如何设置网页中文字的字体和加粗

来源:互联网 2023-02-21 21:55:49 267

用Visual Studio在网页中插入文字后,文字的字体和粗细是可以设置的,如何设置网页中文字的字体和粗细呢?笔者与大家分享一下操作经验。2Dh办公区 - 实用经验教程分享!

如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

工具/原料

  • Visual Studio 2015

方法/步骤

  • 1

    在网页中找到body标签,在其内部插入一个div标签。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 2

    用style属性设置文字的样式,如下图所示。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 3

    首先,设置文字的权重为800,即文字的字体为粗体。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 4

    接着,设置文字的颜色为蓝色,用color属性实现颜色的设置。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    设置文字在文本框中的对齐方式,本例设置为左对齐。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 6

    接着,设置文字的字体,用font-family属性设置字体,本例字体设置为楷体。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 7

    设置字体的大小为42像素,用font-size属性实现定义。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 8

    最后,设置书写文本的宽度,以及文本与顶部的间距。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 9

    不要忘了在div标签中插入文本,本例为寻隐者不遇。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 10

    浏览网页,在网页中插入了一个标题,标题的颜色为蓝色,字体为楷体,字号为42号,同时给字体设置了加粗。2Dh办公区 - 实用经验教程分享!

    如何设置网页中文字的字体和加粗2Dh办公区 - 实用经验教程分享!

  • 注意事项

    • 作者声明:本篇经验系本人辛勤劳动的原创成果,未经许可,谢绝转载。

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


    标签: 设置网页字体中文

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