CSS에서 하이퍼링크 텍스트를 흰색으로 설정하는 방법-CSS 튜토리얼-php.cn

CSS에서 하이퍼링크 텍스트를 흰색으로 설정하는 방법

青灯夜游

풀어 주다： 2023-01-07 11:45:07

원래의

4671명이 탐색했습니다.

CSS에서는 색상 속성을 사용하여 하이퍼링크 텍스트를 흰색으로 설정할 수 있습니다. "color: white;" 또는 "color:rgb(255, 255, 255)"만 추가하면 됩니다. "스타일이면 충분해요.

CSS에서 하이퍼링크 텍스트를 흰색으로 설정하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css는 하이퍼링크 텍스트를 흰색으로 설정합니다

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			 a{
				background-color: black;
				color: white;
				/* color:#FFFFFF; */
			}
		</style>
	</head>

	<body>
		<a href="#">超链接文本</a>

	</body>

</html>

로그인 후 복사

Rendering:

CSS에서 하이퍼링크 텍스트를 흰색으로 설정하는 방법

Description:

color 속성은 텍스트의 색상을 지정합니다.

이 속성은 요소의 전경색을 설정합니다(HTML 표현에서는 요소 텍스트의 색상). 래스터 이미지는 색상의 영향을 받지 않습니다. 이 색상은 border-color 또는 다른 border-color 속성으로 재정의되지 않는 한 요소의 모든 테두리에도 적용됩니다.

구문:

color:颜色值;

로그인 후 복사

CSS에서 색상 값은 색상 이름, 백분율, 숫자 및 16진수 값을 사용하는 방법이 4가지 있습니다.

1) 색상 이름을 사용하세요

현재 약 184개의 색상 이름이 있지만 다양한 브라우저에서 실제로 지원되며 CSS 사양으로 권장되는 색상 이름은 아래 표와 같이 16개뿐입니다.

퓨어 블랙 실버라이트 그레이navy다크 블루블루라이트 블루그린다크 그린 라임라이트 그린teal인디고아쿠아스카이 블루마룬딥 레드레드빅 레드보라색 딥 퍼플fuchsiamagenta올리브갈색노란색 밝은 노란색회색짙은 회색흰색쉘 흰색가장 일반적인 방법은 다음과 같습니다. 예: 이 명령문은 빨간색, 파란색, 녹색의 세 가지 기본 색상을 최대값으로 설정하고 결과 조합은 다음과 같이 표시됩니다. 하얀색. 대신 rgb(0%, 0%, 0%)를 검정색으로 설정하세요. 세 가지 백분율 값이 동일하면 회색이 표시됩니다. 마찬가지로 백분율 값이 클수록 기본 색상이 선호됩니다. 숫자 범위는 0~255입니다. 예:

color: rgb(255, 255, 255);

로그인 후 복사

위 명령문은 흰색으로 표시되지만 반대로 rgb(0, 0)으로 설정할 수 있습니다. , 0)는 검은색으로 표시됩니다. 세 값이 동일하면 표시는 회색으로 표시됩니다. 마찬가지로 값이 클수록 기본 색상의 비율이 높아집니다.

표 1: CSS 사양에서 권장하는 색상 이름





			색상 이름을 사용하지 않는 것이 좋습니다. 일부 색상 이름이 브라우저에서 구문 분석되지 않거나 다르게 표시되는 것을 방지하기 위해 웹 페이지, 특히 대규모 사용. 장치에서 색상을 해석하는 방식의 차이.
2) 백분율 사용	color: rgb(100%, 100%, 100%); 로그인 후 복사	3) 숫자 값 사용