如何使用CSS3中的属性设置文本阴影并显示样式

 时间:2024-10-13 10:20:21

1、第一步,在已打开的HBuilderX工具,新建一个静态页面;并在body插入一个div和十稍僚敉视个div,如下图所示:

如何使用CSS3中的属性设置文本阴影并显示样式
如何使用CSS3中的属性设置文本阴影并显示样式

2、第二步,利用类选择器one设置div元素样式,如宽度、边框、内外边距等,如下图所示:

如何使用CSS3中的属性设置文本阴影并显示样式

3、第三步,保存代码并直接打开浏览器预览页面,可以看到带有边框的字母,如下图所示:

如何使用CSS3中的属性设置文本阴影并显示样式

4、第四步,接着给div标签添加字体属性、字体大小、字体颜色和字体粗细,如下图所示:

如何使用CSS3中的属性设置文本阴影并显示样式

5、第五步,再次保存代码并打开浏览器预览,可以发现字体变大了,如下图所示:

如何使用CSS3中的属性设置文本阴影并显示样式

6、第六步,最后使用类选择器,设置字体的属性text-shadow,有偏移量和颜色值,如下图所示:

如何使用CSS3中的属性设置文本阴影并显示样式
  • 怎样插入网络图片
  • 如何修改DW的背景色?注释代码颜色,字体颜色等
  • Dreamweaver中导航栏右侧下拉三角该如何制作
  • div+css实现搜索框
  • Dw CC 2018使用速记怎么关闭边框与边框宽
  • 热门搜索
    物理手抄报内容 关于读书手抄报图片 科普手抄报资料 关于地理的手抄报 小学生感恩手抄报内容 关于爱国卫生的手抄报 感恩手抄报花边 一年级数学手抄报内容 讲普通话手抄报内容 心里手抄报