Implementation of the list-style-type attribute in front of CSS ordered or unordered lists
|
example:
<html>
<head>
<style type="text/css">
ul.none{list-style-type:none}
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
</style>
</head>
<body>
<p>list-style-type none:</p>
<ul class="none">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>list-style-type circle:</p>
<ul class="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>list-style-type square:</p>
<ul class="square">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>Type upper-roman:</p>
<ol class="upper-roman">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<p>list-style-type lower-alpha:</p>
<ol class="lower-alpha">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
</body>
</html>
This is the end of this article about the implementation of the list-style-type attribute in front of CSS ordered or unordered lists. For more relevant CSS ordered or unordered list marker list-style-type content, please search 123WORDPRESS.COM’s previous articles or continue to browse the following related articles. I hope that everyone will support 123WORDPRESS.COM in the future! |
<<: HTML simple web form creation example introduction
>>: Detailed process of installing and configuring MySQL and Navicat prenium
Recommend
How to Choose the Perfect Aloe Vera Gel? Perfect Aloe Vera Gel How to Identify Authenticity and Fakeness
The latest Perfect Aloe Vera Gel packaging box ha...
KTL tool realizes the method of synchronizing data from MySQL to MySQL
Use ktl tool to synchronize data from mysql to my...
Vue implements login jump
This article example shares the specific code of ...
Vue implements start time and end time range query
This article shares with you how to query the sta...
How to export and import .sql files under Linux command
This article describes how to export and import ....
Detailed explanation of MySQL date string timestamp conversion
The conversion between time, string and timestamp...
js date and time formatting method example
js date time format Convert the date and time to ...
select the best presets to create full compatibility with all browsersselect
We know that the properties of the select tag in e...
Use Javascript to implement the function of sending SMS verification code interval
In many apps and websites, when we log in or regi...
Detailed tutorial on deploying Springboot or Nginx using Kubernetes
1 Introduction After "Maven deploys Springbo...
GET POST Differences
1. Get is used to obtain data from the server, wh...
MySQL stored procedure in, out and inout parameter examples and summary
Stored Procedures 1. Create a stored procedure an...
TCP socket SYN queue and Accept queue difference analysis
First we must understand that a TCP socket in the...
How to get the height of MySQL innodb B+tree
Preface The reason why MySQL's innodb engine ...
How to install Docker using scripts under Linux Centos
What is the main function of Docker? At present, ...