首先上图，最终效果：
HTML代码：
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
