css-list-style
RUN
<!DOCTYPE html> <html> <head> <style> .circle {list-style-type: circle;} .square {list-style-type: square;} .upper-roman {list-style-type: upper-roman;} .lower-roman {list-style-type: lower-roman;} .upper-latin {list-style-type: upper-latin;} .lower-alpha {list-style-type: lower-alpha;} .none {list-style-type: none;} .decimal {list-style-type: decimal;} table {border-collapse: collapse;} table, td, th {border: 1px solid black; padding: 0px 10px 0px 10px;} p {color: red;} </style> </head> <body> <table> <tr> <td> <p>Style là circle</p> <ul class="circle"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> <td> <p>Style là square</p> <ul class="square"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> </tr> <tr> <td> <p>Style là upper-roman</p> <ul class="upper-roman"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> <td> <p>Style là lower-roman</p> <ul class="lower-roman"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> </tr> <tr> <td> <p>Style là upper-latin</p> <ul class="upper-latin"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> <td> <p>Style là lower-alpha</p> <ul class="lower-alpha"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> </tr> <tr> <td> <p>Style là none</p> <ul class="none"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> <td> <p>Style là decimal</p> <ul class="decimal"> <li>giá trị 1</li> <li>giá trị 2</li> <li>giá trị 3</li> </ul> </td> </tr> </table> </body> </html>
PHÓNG TO