CSS-07-CSS文本设置

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <!--CSS文本设置：-->

         <!--color：设置文字的颜色，如：color:red;-->

         <!--font-size:设置文字的大小，如：font-size：12px;-->

         <!--font-family:设置文字的字样，如font-family："微软雅黑"；-->

         <!--font-style:设置文字是否倾斜，如font-style:'normal';设置不倾斜。font-style:'italic';设置文字倾斜;-->

         <!--font-weight:设置文字的加粗，如：font-weight:bold;设置加粗。font-weight:normal;设置不加粗-->

         <!--line-height:设置文字的行高，如：line-height:24px;-->

         <!--text-decoration:设置文字的上中下划线，如text-decoration:none;将文字划线去掉-->

         <!--text-indent:设置文字首行缩进，如：text-indent:24px;设置文字首行缩进24px-->

         <!--text-align:设置文字水平对齐方式，如text-align:center;设置文字水平居中-->

         <style type="text/css">

             .text{

                 font-family: "微软雅黑";

                 font-size: 16px;

                 color: #369;

                 font-style: italic;

                 font-weight: bold;

                 line-height: 20px;

                 line-break: normal;

                 /*....*/

             }

         </style>

     </head>

     <body>

         <div class="text">

             CSS文本设置：

             color：设置文字的颜色，如：color:red;

             font-size:设置文字的大小，如：font-size：12px;

             font-family:设置文字的字样，如font-family："楷体"；

             font-style:设置文字是否倾斜，如font-style:'normal';设置不倾斜。font-style:'italic';设置文字倾斜;

             font-weight:设置文字的加粗，如：font-weight:bold;设置加粗。font-weight:normal;设置不加粗

             line-height:设置文字的行高，如：line-height:24px;

             text-decoration:设置文字的上中下划线，如text-decoration:none;将文字划线去掉

             text-indent:设置文字首行缩进，如：text-indent:24px;设置文字首行缩进24px

             text-align:设置文字水平对齐方式，如text-align:center;设置文字水平居中

         </div>

     </body>

 </html>
巴特西

CSS-07-CSS文本设置

最新文章

热门文章
