기본 아이디어는 다음과 같습니다
ul 또는 li 태그 아래에 세 개의 li 목록을 만듭니다
li 태그 위치를 다음과 같이 설정합니다: 상대; 그리고 왼쪽 패딩을 좀 주세요
li::before CSS 속성을 사용하고 주위에 왼쪽 테두리를 만듭니다.
이제 li::after CSS 속성을 사용하고 그 주위에 세 개의 원을 만듭니다
이제 마지막 목록과 첫 번째 목록에서 줄을 자릅니다
결과:
전체 코드:
html:
css:
위 내용은 CSS로 연결된 글머리 기호를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!