Jak zmienić przejrzystość tekstu w HTML/CSS?
CSS oferuje metody stylu stron internetowych. Zapewnia wiele właściwości stylizacji, za pomocą których użytkownicy mogą zastosować różne efekty w rozwoju frontend. Pozwala użytkownikom ustawić, jak pojawiają się przejrzyste elementy na swoich stronach internetowych. Użytkownicy mogą również ustawić przejrzystość tła, obrazu, tekstu lub innego elementu, wykorzystując CSS ”nieprzezroczystość" nieruchomość.
Ten post będzie pokazał metodę zmiany przezroczystości tekstu w HTML i CSS.
Jak zmienić przejrzystość tekstu w HTML/CSS?
Aby zmienić przejrzystość tekstu strony HTML za pomocą CSS, wypróbuj podaną procedurę.
Krok 1: Utwórz pojemnik
Najpierw stwórz „div”Pojemnik z pomocą„”Tag. Następnie wstaw „„klasa”Z konkretną nazwą.
Krok 2: Dodaj tag akapitowy
Następnie dodaj „„Tag, aby osadzić tekst w postaci akapitu i przypisz go„ID" atrybut:
Tekst z 50% przejrzystością
Tekst ze 100% przejrzystością
Można zauważyć, że tekst został pomyślnie dodany:
Krok 3: Dodaj obraz
W sekcji CSS najpierw dostęp do „”Element za pomocą nazwy znacznika i zastosuj następujące właściwości CSS:
ciałoImage tła: URL (tło.png);
Powtórzenie tła: bez powtórzenia;
Tutaj:
- "zdjęcie w tle„Właściwość jest wykorzystywana do ustawienia obrazu tła za pomocą„URL ()". Wewnątrz nawiasów określ źródło lub adres URL obrazu.
- "powtarzanie tła”To właściwość używana do powtórzenia obrazu. Na przykład ustawiliśmy „powtarzanie tła" Jak "bez powtórki".
Krok 4: Element „Div” stylu
Teraz uzyskaj dostęp do obu „div„Elementy mające„.przezroczystość„Klasa, a następnie dostęp do” .Przejrzystość p W powyższym kodzie: Wyjście Krok 5: Styl pierwszy „ " Element Uzyskać dostęp do "„Element o„para-1" ID. W tym celu wykorzystaliśmy „#”Selektor w celu uzyskania dostępu do określonego identyfikatora i zastosowania wymienionych właściwości: Opis powyższego kodu jest następujący: Wyjście Krok 6: Styl drugi „ " Element Następnie uzyskaj dostęp do „„Element o identyfikatorze”#para-2”I zastosuj te same właściwości: Wyjście Można zaobserwować, że zmieniliśmy przezroczystość tekstu w HTML za pomocą CSS. Wniosek Aby zmienić przejrzystość tekstu elementu, najpierw utwórz elementy, takie jak „". Przypisz go atrybut id, aby uzyskać dostęp do niego w CSS. Następnie użyj „#„Selektor wraz z„ID„Aby uzyskać dostęp do elementu według identyfikatora. Aplikować "cień tekstu„Własność wraz z„RGBA" wartość. Wreszcie „„Mode mieszanki„Właściwość służy do mieszania koloru z tłem nadrzędnym. Ten post wyjaśnił procedurę zmiany przezroczystości tekstu w HTML za pomocą CSS.
Rozmiar czcionki: 40px;
Font-Family: Arial, Sans-Serif;
Spacer z literami: 5px;
Font-Weight: Bold;
Tekst-shadow: 0 5px 10px RGBA (0, 0, 0, 0.5);
kolor: #fff;
MODE ZMIANIA MODOWANIA: nakładka;
Tekst-shadow: 0 5px 10px RGBA (0, 0, 0, 0.5);
kolor: #fff;
MODE ZMIANIA MODOWANIA: nakładka;