1. HTML+DIV+CSS Zero Basic Quick Start to Making Enterprise Station Video Course_13 CSS List & Text Style

 

HTML <ul> tag

 

Definition and Usage

<ul> tags define no sequence

 

 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 > this is a list </ li > 
16          < li > this is a list </ li > 
17          < li > this is a list </ li > 
18          < li > this is a list < / li > 
19      < / ul > 
2021  
<br/> 2223      <table>
 
     
24         <tr>
25             <td> </td>
26             <td> </td>
27         </tr>
28     </table>
29 </body>
30 </html>

 

Text style:

text-decoration: underline/none;

text-align:left/center/right;

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

line-height:28px;

 

Other styles:

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 > This is a paragraph </ p > 
18      < p > This is a paragraph </ p > 
19      < p > This is a paragraph </ p > 
20      < p > This is a paragraph </ p>
21 </body>
22 </html>

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325322186&siteId=291194637