1. <html lang="zh-CN">
  2. <head>
  3.     <meta charset="UTF-8">
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>图标演示</title>
  7.     <link rel="stylesheet" href="./stt.css">
  8. </head>
  9. <body>
  10.     <span class="iconfont icon-cs-xx-1"></span>
  11.     <span class="iconfont icon-ico_star"></span>
  12. </body>
  13. </html>
  16. CSS样式
  18. @import url("./font_icon/iconfont.css");
  20. .icon-ico_star {
  21.    font-size: 3em;
  22.    color: aqua;
  23.   }
  25.   .icon-cs-xx-1 {
  26.     font-size: 8rem;
  27.     color: rgb(0, 255, 115);
  28.   }
  29. </html>

更多相关文章

  1. 盒模型与字体图标使用
  2. 字体图标用法与盒模型页面布局
  3. 图标以及盒模型
  4. html之盒模型，及字体图标的使用
  5. 字体图标的用法和布局的原则与元素
  6. 简单表单与css选择器实战案例
  7. html字体图标及盒模型练习
  8. 注册表单实战案例
  9. 字体图标，布局与盒模型

随机推荐

  1. 如何修改JTextField (Swing)以显示在用户
  2. Java_io体系之BufferedWriter、BufferedR
  3. 黑马程序员——java高新技术（下）
  4. （Java）出现/消失JPanel中的JLabel仅在调整
  5. 在Java中，使用DefaultSelenium对象在selen
  6. Eclipse Java开发环境的搭建
  7. java通过映射取得方法对一个类的变量进行
  8. JavaScript基础——变量、作用域和内存问
  9. 如何让我的基本SWT应用程序在Mac OS X 10
  10. 老农过河问题