Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menetapkan teks hiperpautan kepada putih dalam css

Bagaimana untuk menetapkan teks hiperpautan kepada putih dalam css

青灯夜游
Lepaskan: 2023-01-07 11:45:07
asal
4672 orang telah melayarinya

Dalam CSS, anda boleh menggunakan atribut warna untuk menetapkan teks hiperpautan kepada putih Anda hanya perlu menambah "color: white;" atau "color:#FFFFFF;" atau "color:rgb( 255,. 255, 255)” gaya.

Bagaimana untuk menetapkan teks hiperpautan kepada putih dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

css menetapkan teks hiperpautan kepada putih

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

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

	</body>

</html>
Salin selepas log masuk

Rendering:

Bagaimana untuk menetapkan teks hiperpautan kepada putih dalam css

Penerangan:

Atribut warna menentukan warna teks.

Atribut ini menetapkan warna latar depan elemen (dalam perwakilan HTML, warna teks elemen tidak dipengaruhi oleh warna); Warna ini juga digunakan pada semua jidar elemen, melainkan ditindih oleh warna jidar atau sifat warna jidar yang lain.

Sintaks:

color:颜色值;
Salin selepas log masuk

Dalam CSS, nilai warna boleh menggunakan nama warna, peratusan, nombor dan nilai heksadesimal.

1) Gunakan nama warna

Walaupun kini terdapat kira-kira 184 warna yang dinamakan, ia benar-benar disokong oleh pelbagai pelayar dan berfungsi sebagai spesifikasi CSS Terdapat hanya 16 nama warna yang disyorkan, seperti yang ditunjukkan dalam jadual di bawah.

表1:CSS 规范推荐的颜色名称
名 称颜 色名 称颜 色名 称颜 色
black纯黑silver浅灰navy深蓝
blue浅蓝green深绿lime浅绿
teal靛青aqua天蓝maroon深红
red大红purple深紫fuchsia品红
olive褐黄yellow明黄gray深灰
white壳白

Adalah tidak disyorkan untuk menggunakan nama warna dalam halaman web, terutamanya penggunaan berskala besar, untuk mengelakkan beberapa nama warna tidak dihuraikan oleh penyemak imbas atau penyemak imbas yang berbeza mentafsir warna secara berbeza.

2) Gunakan peratusan

Ini ialah kaedah yang paling biasa, contohnya:

color: rgb(100%, 100%, 100%);
Salin selepas log masuk

Pernyataan ini akan berwarna merah, Tiga warna utama biru dan hijau ditetapkan kepada nilai maksimum, dan gabungan yang terhasil dipaparkan dalam warna putih. Sebaliknya, tetapkan rgb(0%, 0%, 0%) kepada hitam. Jika tiga nilai peratusan adalah sama, kelabu akan dipaparkan Begitu juga, mana-mana nilai peratusan yang lebih besar akan memilih warna primer.

3) Gunakan nilai berangka

Nombor julat dari 0~255, contohnya:

color: rgb(255, 255, 255);
Salin selepas log masuk

Pernyataan di atas akan dipaparkan putih, sebaliknya, anda boleh Tetapkan kepada rgb(0, 0, 0) untuk memaparkan hitam. Jika tiga nilai adalah sama, paparan akan menjadi kelabu Dengan cara yang sama, mana-mana nilai yang lebih besar akan mempunyai bahagian yang lebih besar daripada warna primer.

4) Warna perenambelasan

Ini ialah kaedah pemilihan warna yang paling biasa digunakan, contohnya:

color: #ffffff;
Salin selepas log masuk

di mana ia sepatutnya dalam perenambelasan Tambahkan simbol warna # sebelum nombor asas. Pernyataan di atas akan memaparkan putih Sebaliknya, anda boleh menetapkan #000000 kepada hitam, diterangkan oleh RGB:

color: #RRGGBB;
Salin selepas log masuk

daripada 0 hingga 255. Malah, 255 dalam perpuluhan adalah sama dengan FF dalam heksadesimal. Nilai warna perenambelasan adalah bersamaan dengan 3 kumpulan nilai perenambelasan tersebut, yang sama dengan tiga warna utama merah, biru dan hijau apabila disambungkan bersama mengikut tertib.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan teks hiperpautan kepada putih dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan