码迷,mamicode.com
首页 > Web开发 > 详细

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_13 css列表&文本样式

时间:2018-05-05 14:19:35      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:定义   char   视频课程   htm   lan   ati   pointer   cursor   one   

 

HTML <ul> 标签

 

定义和用法

<ul> 标签定义无序列

技术分享图片

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>列表</title>
 6     <style>
 7     li {
 8         list-style-type: none;
 9         text-decoration: none;
10     }
11     </style>
12 </head>
13 <body>
14     <ul>
15         <li>这是一个列表</li>
16         <li>这是一个列表</li>
17         <li>这是一个列表</li>
18         <li>这是一个列表</li>
19     </ul>
20 
21     <br/>
22 
23     <table>
24         <tr>
25             <td>&nbsp;</td>
26             <td>&nbsp;</td>
27         </tr>
28     </table>
29 </body>
30 </html>

 

文本样式:

text-decoration: underline/none;

text-align:left/center/right;

text-indent: 32px/2em/-10px/-9999px 等

line-height:28px;

 

其他样式:

Cursor:pointer

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>文本样式</title>
 6     <style>
 7     p {
 8         text-align: left;
 9         text-indent: 64px;
10         line-height: 100px;
11         cursor: pointer;
12         border: 1px solid red;
13     }
14     </style>
15 </head>
16 <body>
17     <p>这是一个段落</p>
18     <p>这是一个段落</p>
19     <p>这是一个段落</p>
20     <p>这是一个段落</p>
21 </body>
22 </html>

 

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_13 css列表&文本样式

标签:定义   char   视频课程   htm   lan   ati   pointer   cursor   one   

原文地址:https://www.cnblogs.com/denggelin/p/8994478.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!