DIV内字体如何设置

 时间:2024-10-11 20:56:50

1、首先分析下字体有什么属性?字体大小,字体系列,字体颜色,字体风格,字体加粗等众多属性,然后我们前往css官网查询一下属性具体怎么控制样式和使用方法,详细的请看下图

DIV内字体如何设置

2、为了更加详细的说明DIV内字体如何设置,我们使用一个html编辑器sublime_text进行代码的编辑(其他也行,没有强制要求),详细如下图

DIV内字体如何设置

3、首先我们新建一个例子,在html中创建一个div盒子,然后在div里面添加一段文字“你好我是新手abc”,详细代码和效果如下图

DIV内字体如何设置DIV内字体如何设置

4、然后我们开始使用css来控制字体了首先我们使用font-size:20px;控制字体大小为20pxfont-family:"微软雅黑媪青怍牙";控制字体风格font-style:oblique;控制字体为斜体color:red;控制字体为红色我们就使用这几个作为例子,详细的代码如下。

DIV内字体如何设置

5、最后我们使用网页打开html文件,下图的效果出现了上面第4步所有出现的样式,字体不只上面几种样式,大家可以自行前往官网查看其他的属性,最后附上实现的效果。

DIV内字体如何设置
  • css如何通过实现让文字在框内水平垂直都居中?
  • html轮播图怎么制作
  • 如何让图片在div中居中显示
  • 在css中如何设置左浮动和右浮动?
  • 怎样让html中的文字垂直水平居中显示
  • 热门搜索
    怎么做辣椒酱 孕妇牙龈肿痛怎么办 怎么删除差评 看门狗怎么设置中文 ps里面怎么抠图 男孩发型图片 致命感冒 军事博物馆 小学生消防安全常识 往往的近义词是什么