집 > 기사 > 웹 프론트엔드 > CSS를 사용하여 수직 탐색 모음 만들기

CSS를 사용하여 수직 탐색 모음 만들기

WBOY앞으로: 2023-09-02 08:25:02782검색

使用 CSS 构建垂直导航栏

수직 탐색 모음을 만들려면 다음 코드를 실행해 보세요.

예

라이브 데모

<!DOCTYPE html>
<html>
   <head>
      <style>
         ul {
            list-style-type: none;
            margin: 5;
            padding: 5;
         }
         li a {
            display: block;
            width: 70px;
            background-color: orange;
         }
      </style>
   </head>
   <body>
      <ul>
         <li><a href = "#home">Home</a></li>
         <li><a href = "#company">Company</a></li>
         <li><a href = "#product">Product</a></li>
         <li><a href = "#services">Services</a></li>
         <li><a href = "#contact">Contact</a></li>
      </ul>
   </body>
</html>

위 내용은 CSS를 사용하여 수직 탐색 모음 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

이전 기사：CSS를 사용하여 마스크 효과 설정다음 기사：CSS를 사용하여 마스크 효과 설정