CSS에서 하이퍼링크 텍스트를 흰색으로 설정하는 방법
- 青灯夜游원래의
- 2021-07-22 16:47:574670검색
CSS에서는 색상 속성을 사용하여 하이퍼링크 텍스트를 흰색으로 설정할 수 있습니다. "color: white;" 또는 "color:rgb(255, 255, 255)"만 추가하면 됩니다. "스타일이면 충분해요.
이 튜토리얼의 운영 환경: 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:
Description:
color 속성은 텍스트의 색상을 지정합니다.
이 속성은 요소의 전경색을 설정합니다(HTML 표현에서는 요소 텍스트의 색상). 래스터 이미지는 색상의 영향을 받지 않습니다. 이 색상은 border-color 또는 다른 border-color 속성으로 재정의되지 않는 한 요소의 모든 테두리에도 적용됩니다.
구문:
color:颜色值;
CSS에서 색상 값은 색상 이름, 백분율, 숫자 및 16진수 값을 사용하는 방법이 4가지 있습니다.
1) 색상 이름을 사용하세요
현재 약 184개의 색상 이름이 있지만 다양한 브라우저에서 실제로 지원되며 CSS 사양으로 권장되는 색상 이름은 아래 표와 같이 16개뿐입니다.
| 라이트 그레이 | navy | 다크 블루 | 블루 | 라이트 블루 | |
|---|---|---|---|---|---|
| 다크 그린 | 라임 | 라이트 그린 | teal | 인디고 | |
| 스카이 블루 | 마룬 | 딥 레드 | 레드 | 빅 레드 | |
| 딥 퍼플 | fuchsia | magenta | 올리브 | 갈색 | |
| 밝은 노란색 | 회색 | 짙은 회색 | 흰색 | 쉘 흰색 | |
| 색상 이름을 사용하지 않는 것이 좋습니다. 일부 색상 이름이 브라우저에서 구문 분석되지 않거나 다르게 표시되는 것을 방지하기 위해 웹 페이지, 특히 대규모 사용. 장치에서 색상을 해석하는 방식의 차이. | |||||
| 2) 백분율 사용 | 가장 일반적인 방법은 다음과 같습니다. 예: | color: rgb(100%, 100%, 100%); | 이 명령문은 빨간색, 파란색, 녹색의 세 가지 기본 색상을 최대값으로 설정하고 결과 조합은 다음과 같이 표시됩니다. 하얀색. 대신 3) 숫자 값 사용 | 숫자 범위는 0~255입니다. 예: |
4) 16진수 색상
가장 일반적으로 사용되는 색상 선택 방법입니다. 예:
color: #ffffff;여기서 16진수 앞에
# 색상 기호를 추가해야 합니다. 위 명령문은 흰색으로 표시됩니다. 반대로 #000000를 RGB로 설명하는 검정색으로 설정할 수 있습니다. color: #RRGGBB;from 0~255, 실제로 십진수 255는 FF와 정확히 같습니다. 16진수, 16진수 색상 값은 이러한 16진수 값의 3개 그룹과 동일하며, 이를 순서대로 연결하면 빨간색, 파란색, 녹색의 3원색과 같습니다.
rgb(0%, 0%, 0%)为黑色。3 个百分值相等将显示灰色，同理哪个百分值大就偏向哪个原色。
3) 使用数值
数字范围从 0~255，例如：
rrreee上面这个声明将显示白色，相反，可以设置为rgb(0, 0, 0)，将显示黑色。3 个数值相等将显示灰色，同理哪个数值大哪个原色的比重就会加大。
4) 十六进制颜色
这是最常用的取色方法，例如：
rrreee其中要在十六进制前面加一个#颜色符号。上面这个声明将显示白色，相反，可以设置#000000(학습 영상 공유:
)
위 내용은 CSS에서 하이퍼링크 텍스트를 흰색으로 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!