Create a bordered list without bullets using CSS

To create a bordered list without bullets, you can try to run the following code. The list-style-type is set to none to remove bullets to a list

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          ul {             background-color: orange;             padding: 10px 20px;             list-style-type: none;             border: 2px solid black;          }       </style>    </head>    <body>       <p>Countries</p>       <ul>          <li>India</li>          <li>US</li>          <li>Australia</li>       </ul>    </body> </html>

Output

Updated on: 2020-06-22T07:21:10+05:30

307 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements