简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

ul용 탐색 메뉴의 그래픽 및 텍스트 생성 예

零下一度
풀어 주다： 2017-06-24 13:30:05
원래의
1471명이 탐색했습니다.

首先上图，最终效果：

HTML代码：

 











< /div>

 

CSS代码：

 


#qwe{
너비: 200px;
글꼴 계열: "微软雅黑";
여백: 50 px ;
}
#qwe ul{
목록 스타일 유형: 없음;
패딩: 0;
}
#qwe ul li a{
텍스트 장식: 없음;
디스플레이: 블록;
너비: 200px;
높이: 25px;
테두리 왼쪽: 10px 솔리드 #333333;
테두리 오른쪽: 1px 솔리드 #666666;
테두리 하단: 1px 솔리드 #555555;
패딩 왼쪽: 3px;
margin-bottom: 1px;
}
#qwe ul li a:link,#qwe ul li a:visited{
색상: 진홍색;
배경색: #999999;
}
#qwe ul li a:hover{
색상: 녹색;
배경색: #777777;
}
#qwe ul li a:active{
색상: darkorange;
}

 

备注：其中包含伪类的设置

 

위 내용은 ul용 탐색 메뉴의 그래픽 및 텍스트 생성 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
制作 导航 菜单
원천：php.cn
이전 기사：h5에 새 태그 및 속성을 추가하는 방법에 대한 예제 튜토리얼 다음 기사：Bootstrap에 대한 자세한 지식 공유
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Dash에서 테이블 셀 값을 하이퍼링크로 만드는 방법은 무엇입니까? (Plotly, Dash, Pandas 등 사용) "JobLink" 열 아래의 셀 값을 하이퍼링크로 설정하고 싶습니다. 이 링크를 클릭하면 새 탭/창의 링크로 이동해야 합니다. 이것을 달성하는 ...
에서 2023-11-17 18:47:10
0
1
283
경로에 액세스하기 전에 경로 데이터를 미리 로드하는 가장 좋은 방법입니다. 특정 경로에 대한 페이지를 렌더링하기 전에 먼저 필요한 데이터를 동기식으로 가져오고 싶습니다. 이상적으로는 페이지 구성 요소에서 데이터를 가져오고 싶지만 라우터 ...
에서 2023-11-17 14:54:42
0
2
379
양식의 객체 필드 유효성 검사 - Vue 3 + Vee-validate + yes 일부 필드가 개체 내부에 있는 양식이 있습니다. <scriptsetuplang="ts">...constschema:yup.Schema...
에서 2023-11-16 13:56:09
0
1
169
Vue 3 Composition API - 모든 조건이 충족될 때까지 양식 제출 버튼을 비활성화합니다. 모든 입력 필드가 채워지고 오류가 없을 때까지 양식 제출 버튼을 비활성화하고 싶습니다. <button:disabled="disabled"t...
에서 2023-11-13 09:41:53
0
3
438
동일한 열 값을 가진 MySql 행 검색 다음 표를 살펴보겠습니다. IDScore19521003884100573 저는 완전한 SQL 초보이지만 ID2와 4가 포함된 점수를 어떻게 반환합니까? 따라서 ID...
에서 2023-11-10 21:53:39
0
2
331
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！