具体操作步骤如下：首先是准备一个HTML文档，接着在HTML中添加一个DIV，并给DIV设置宽高和背景图片。接下来运行页面就可以看到如下图所示的带背景图片的div了。然后在div中包裹文字就可以了，如下图所示。
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的吴堡网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
准备一张图片，新建一个空白html文件 其中html文件内容如下图所示，html中包含了一张图片，及对应的描述段落 给html添加head标签，在标签中定义样式。
为每个元素设置css的position属性。对作为父元素的div指定为position：relative，以及对包含该字符串的p标签设置为absolute。img标签不动。把p标签的位置设置为top：0； left：0。
字族（font-family）功能：通过font-family指定字体类型用于改变HTML标志或元素的字体，你可设置一个可用字体清单。浏览器由前向后选用字体。
css调用外部字体步骤如下： 建一个文件夹，把字体文件ttf、otf等放到文件夹内，然后创建一个html文件，命名为test 编辑test文件，在页面中添加一个calss为anim的div。
在文件夹中放入ttf、otf等格式的字体，这些都是一个字体的不同格式，是为了兼容不同的浏览器，然后创建一个html文件test。如下图所示：在test页面打开的页面中添加一个class为anim的div代码。
使用您需要的字体。在新的 font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：使用粗体字体。
1、可以使用 background-image 属性并指定 linear-gradient 函数。
2、CSS3里面的线性渐变：linear-gradient 语法 参数 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。
3、transition-duration：定义过渡过程需要的时间（必选，否则不会产生过渡效果）transition-timing-function：定义过渡的方式；transition-delay：定义开始过渡的延迟时间；使用transition属性定义一组过渡效果，需要以上四个参数。
4、第一个参数是渐变的方向，top是从上到下，至于left、right、bottom的效果很容易从top推倒出来我就不罗嗦了。
5、渐变是一种常用的图形效果，可以让图片或文字更加生动有趣。渐变可以分为线性渐变和径向渐变两种。在CSS中，可以通过linear-gradient和radial-gradient来实现渐变效果。
1、如图，先在HTML网页编写一些测试的文字。然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。
2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：a{font-family： 楷体；font-size： 20px；color： orange；}。
3、你可以用font-family属性在CSS样式里设置字体，如： font-family：Arial； 但是设置的这种字体，你电脑上必须装有该字体，否则将按原字体样式显示。
4、在文件夹中放入ttf、otf等格式的字体，这些都是一个字体的不同格式，是为了兼容不同的浏览器，然后创建一个html文件test。如下图所示：在test页面打开的页面中添加一个class为anim的div代码。
5、以在css中设置文本字体为“微软雅黑”。具体方法和CSS代码如下：.body {font-family：Microsoft YaHei，微软雅黑，Microsoft JhengHei，华文细黑，STHeiti，MingLiu} 之所以加上中文名“微软雅黑”是为了兼容opera。
