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
CSS and HTML and front-end technology layer diagram
The relationship between Javascript and DOM is ve...
Example of using Docker to build an ELK log system
The following installations all use the ~/ direct...
Sample code for separating the front-end and back-end using FastApi+Vue+LayUI
Table of contents Preface Project Design rear end...
Detailed explanation of the definition and function of delimiter in MySQL
When you first learn MySQL, you may not understan...
How to change the root password in a container using Docker
1. Use the following command to set the ssh passw...
Detailed explanation of Dockerfile to create a custom Docker image and comparison of CMD and ENTRYPOINT instructions
1. Overview There are three ways to create a Dock...
Brief analysis of MySQL union and union all
In the database, both UNION and UNION ALL keyword...
Vue uses OSS to upload pictures or attachments
Use OSS to upload pictures or attachments in vue ...
Detailed explanation of common methods of JavaScript arrays
Table of contents Common array methods pop() unsh...
MySQL 5.7.18 free installation version window configuration method
This is my first blog. It’s about when I started ...
Vue example code using transition component animation effect
Transition document address defines a background ...
A brief analysis of the use of watchEffect in Vue3
Preface Everyone should be familiar with the watc...
The difference between name and value in input tag
type is the control used for input and output in t...
MySQL in Windows net start mysql Start MySQL service error occurs System error solution
Table of contents 1- Error details 2-Single Solut...
VMware Workstation installation and installation of WIN10 operating system to connect to the external network step by step guide (super detailed tutorial)
First download VMware Workstation 15.1 version. I...