用CSS制作美观的标题文字效果
作者：闻立鸥
来源：《教育教学论坛》2015年第32期
        摘要：现在CSS3和HTML5已经开始流行，很多网页视觉效果是可以使用CSS来完成的，本文通过案例系统阐述如何用CSS来制作美化网页的标题文字。
        关键词：CSS；标题；效果
        中图分类号：G712 文献标志码：A 文章编号：1674-9324（2015）32-0206-02
        一、什么是CSS
        CSS意为层叠样式表。“样式”就是格式，是个中元素在网页中呈现的形态，如文本的大小及颜、图片大小即位置等。而“层叠”就是在网页中如果同时定义了几个样式，而这几个样式如果互相冲突时，将会按照样式表文件的先后顺序进行应用。CSS具有对网页的布局、颜、背景、宽度、高度、字体进行控制，让网页按您的美工设计布局的更加美观漂亮。CSS是一种比较先进的网页控制技术，使用它可以非常精确地控制网页对象的格式，如果网
页中应用了CSS技术，当修改CSS样式时，网页中所有应用该样式的文本会自动更新。样式表信息包括在标记中。如下图：
        二、用CSS实现标题文字效果
        现在CSS3和HTML5已经开始流行，很多网页视觉效果是可以使用CSS来完成的，今天向大家展示一下如何用CSS来美化大标题文字，如下图效果，只要熟练掌握CSS代码并灵活应用，只需要简单几步就可以制作出来，比起用PS来制作要简单很多。下面一起看看如何用CSS代码来实现。
        CSS实现3D感文字标题，效果如下图：
        代码：
       
        .a1{
        color：#fafafa；
        letter-spacing：0；
        font-size：60px；
        text-shadow：0px 1px 0px #999，css表格样式0px 2px 0px #888，0px 3px 0px #777，0px 4px 0px #666，0px 5px 0px #555，0px 6px 0px #444，0px 7px 0px #333，0px 8px 7px #001135；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。