分享

【演示】博客字体效果代码...

 大智如愚的微笑 2012-02-20

【演示】博客字体效果代码  

2008-07-09 19:24:05|  分类: 【雅居共绘】 |  标签: |字号 订阅

 

 

 

 

   

 

 

博客字体效果代码

(代码篇)

http://style8899.blog.163.com/

整理:芷

 

 

        

        1、字体大小的代码:       

         <h1>输入文字</h1>

        

         效果演示1:(最大)

芷苑欢迎您

        效果演示2:(最小)

芷苑欢迎您

 

        说明:字体大小,1最大,7最小

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

        2、 粗体字代码:

        <b>输入文字</b>

        

        效果演示

芷苑欢迎您

 

 ·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

           3、 粗体字代码:(强调)

           <strong>输入文字</strong> 

 

           效果演示:

芷苑欢迎您

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

          4、斜体字代码:

          <i>输入文字</i> 

 

          效果演示:

芷苑欢迎您

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

          5、斜体字的代码:(强调)

          <em>输入文字</em> 

 

         效果演示:

芷苑欢迎您  

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

         6、斜体字代码:(表示定义)

         <dfn>输入文字</dfn>

       

        效果演示:

芷苑欢迎您

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

        7、底线代码:

        <u>输入文字</u> 

       

        效果演示:

芷苑欢迎您

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

        8、 底线代码:(表示插入文字)

        <ins>输入文字</ins> 

       

        效果演示:

芷苑欢迎您

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

         9、横线代码:

         <strike>输入文字</strike>

 

        效果演示:

芷苑欢迎您

 

 ·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

        10、删除线代码:

        <s>输入文字</s>    

 

          效果演示:   

芷苑欢迎您

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

         11、删除线代码:(表示删除)

        <del>输入文字</del>

 

        效果演示:

芷苑欢迎您

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·  

          12、键盘文字代码:

        <kbd>输入文字</kbd>

 

         效果演示:

芷苑欢迎您

 

 ·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

       13、 打字体代码:

        <tt>输入文字</tt>

 

        效果演示:

芷苑欢迎您

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

        14、固定宽度字体代码(在文件中空白、换行、定位功能有效)

        <xmp>输入文字</xmp> 

 

          效果演示:

芷苑欢迎您

 

·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

         15、固定宽度小字体代码:      

         <listing>输入文字</listing>

 

          效果演示:

芷苑欢迎您

 ·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

        16、字体颜色代码:

        <font color=00ff00>输入文字</font> 

 

         效果演示:

芷苑欢迎您

 

  ·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

        17、最小字体代码:

        <font size=1>输入文字</font>

 

        效果演示:

芷苑欢迎您

 

 ·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

        18、字体无限增大代码:

        <font style =font-size:100 px>输入文字</font>

 

          效果演示:

芷苑欢迎您

 ·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~· 

 

以上数据根据需要自行调节  

 

 

 

上一篇:【演示】博客开场动画效果代码

下一篇:【演示】博客中添加小游戏

相关链接:【原创】芷苑博客技巧汇总

 

 

图片素材出自网络时空

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多