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

Bagaimana untuk menetapkan teks hiperpautan kepada putih dalam css

青灯夜游asal: 2021-07-22 16:47:574607semak imbas

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.

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>

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:颜色值;

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%);

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);

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;

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;

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!

Kenyataan：

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

Artikel sebelumnya：Bagaimana untuk menambah garis bawah dalam cssArtikel seterusnya：Bagaimana untuk menambah garis bawah dalam css

Artikel berkaitan

Lihat lagi