cari

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

Bagaimana untuk menetapkan teks hiperpautan kepada putih dalam css

青灯夜游
青灯夜游asal
2021-07-22 16:47:574671semak 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.

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>

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