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

CSS3를 사용하여 행 사이의 색상을 변경하는 방법을 가르쳐주세요.

PHPz
풀어 주다： 2017-04-02 10:52:21
원래의
1902명이 탐색했습니다.

CSS3에서 인터레이스 색상 변경을 구현하는 방법은 무엇입니까? CSS3 선택기 사용 p:nth-of-type(odd) 홀수 및 p:nth-of-type(even) even

다음은 몇 가지 예입니다.

<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-of-type(odd)
{
background:#ff0000;
}
p:nth-of-type(even)
{
background:#0000ff;
}
</style>
</head>
<body>
 
<h1>This is a heading</h1>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
 
</body>
</html>
로그인 후 복사

CSS3를 사용하여 행 사이의 색상을 변경하는 방법을 가르쳐주세요.

위 내용은 CSS3를 사용하여 행 사이의 색상을 변경하는 방법을 가르쳐주세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css3，隔行换色
원천：php.cn
이전 기사：CSS 쓰기 모드 텍스트 레이아웃 속성 사용법에 대한 자세한 설명 다음 기사：CSS3에서 REM 사용 소개
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
div를 사용하지 않고 같은 줄에 여러 범위 클래스를 가질 수 있습니까? 각 텍스트마다 다른 색상을 갖기를 원했기 때문에 여러 범위 클래스를 사용하여 CSS에서 색상을 설정했습니다. 또한 텍스트에 줄 바꿈이 있기를 원했기 때문에 div...
에서 2024-04-03 11:17:18
0
1
360
두 가지 조건이 충족되면 줄 바꿈을 추가합니다. "x" 문자를 초과할 수 없고 쉼표나 마침표로 끝나야 합니다. 저는 작은 프로젝트를 진행하고 있습니다. 이 프로젝트의 목표는 서식(이중 공백, 숫자 및 줄 바꿈)을 제거한 다음 "x" 문자마다 줄 바꿈을 사...
에서 2024-04-03 09:17:09
0
1
283
Javascript 코드가 hsl을 rgb로 자동 변환하는 것을 중지하는 방법 개체에 색상을 할당한 다음 조건을 사용하여 항목이 선택되었는지 확인하는 코드가 있습니다. 그러나 JavaScript(또는 브라우저)가 HSL을 RGB로 변환하여 ...
에서 2024-03-31 16:46:02
0
1
338
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！