CSS Krycie graniczne
Krycie graniczne
Granice służą do załączania wielu rzeczy, takich jak tekst, obrazy lub inna forma danych, o czym wiemy, że każdy aspekt lub element w języku znaczników hiper tekstu można stylizować za pomocą CSS. Będziemy więc używać CSS do stylizowania granicy, czyniąc ją nieprzezroczystą i półprzezroczystą. CSS można wykonywać na różne sposoby, takie jak CSS w stylu lub CSS, które mogą mieć różne rodzaje efektów na granicy. Podstawowy skrypt, aby w pewnym stopniu w pewnym stopniu w CSS jest nieprzezroczysty i kontrolować jej przejrzystość w CSS:
„Border: 1px solid rgba (0, 0, 0);”W powyższym skrypcie widzimy, że jednostka nazywana jest jego nazwą, jego rozmiar jest zdefiniowany w pikselach, a kolor jest zdefiniowany w formacie „RGBA”, który przegląda kodowanie kolorów i przezroczystość granicy.
Teraz wdrożymy tę koncepcję, pisząc skrypt w Notepad ++ i uruchamiając go w przeglądarce.
Przykład 01: Używanie CSS w znaczniku głowy w pliku HTML
W tym przykładzie stworzymy plik HTML z „Div” z granicami, a „Div” zawiera pewne informacje o znaczniku stylu między znacznikiem głowy pliku HTML.
W powyższym skrypcie widzimy, że znacznik główny pliku HTML ma dwa tagi. W pierwszym znaczniku tytuł pliku jest napisany, a drugi znacznik, który jest tagiem stylu, ma wizualne właściwości wyglądu „div”, gdy plik zostanie wykonywany w przeglądarce. W tej części kodu właściwość wyściółka jest zdefiniowana w pikselach, a następnie właściwości dla granicy Div są zdefiniowane przez podanie rozmiaru i formatu kolorów w standardowej metodzie RGBA, w której ostatni parametr dotyczy nieprzezroczystości, a my dałem mu określoną wartość. Następnie zamkniemy tag stylu wraz z tagiem głowy. Następnie otworzymy znacznik ciała i nadamy ciału nagłówek, a następnie div, który ma trochę stylizacji przez nagłówek CSS, który będzie miał zastosowanie na każdym div w pliku HTML.
Następnie zapiszemy ten plik w „.Format HTML ”i otwórz ten plik w naszej przeglądarce, aby wizualizować plik.
W powyższym fragmencie widzimy, że nagłówek, który został podany w znaczniku nadwozia, jest obecny wraz z kontenerem Div, w którym zapisano jakiś tekst. Ten kontener Div ma również czerwoną półprzezroczystą granicę, co oznacza, że granica ma pewne krycie w znaczniku stylu nagłówka pliku HTML.
Przykład 02: Korzystanie z CSS do uczynienia najlepszych nieprzezroczystości granicy w pliku HTML
W tym przykładzie utworzymy plik HTML z „Div”, który ma granice, a „Div” będzie miał pewne szczegóły na znaczniku stylu pomiędzy znacznikiem głowy pliku HTML, ale w tym przypadku dodamy kolejny tag tag To po prostu nieprzezroczyste górną część granicy.
Powyższy skrypt pokazuje, że znacznik głowy pliku HTML ma dwa tagi. Tytuł pliku jest zapisany w pierwszym znaczniku, a znacznik stylu ma wizualne atrybuty wyglądu „div”, gdy plik jest wykonywany w przeglądarce. Wartość wyściółka jest dostarczana w pikselach w tej części kodu, a właściwości dla granicy DIV są ustalane poprzez dostarczanie jej rozmiaru i formatu kolorów w standardowej metodzie RGBA, przy czym ostatni parametr to krycie, który ustawiliśmy ” 0."
Następnie otworzyliśmy znacznik graniczny w formacie RGBA i tym razem ustawimy nieprzezroczystą opcję na wartość, która uczyni tylko najwyższą półprzestrzenną. Tag stylu i znacznik główny zostaną zamknięte. Następnie otworzymy znacznik ciała i nadajemy mu nagłówek, a następnie Div z pewną stylistyką zastosowaną przez nagłówek CSS, który zostanie zastosowany do każdego div w pliku HTML.
Następnie zapisamy skrypt w „.Format html ”i otwórz go w naszej przeglądarce, aby go wyświetlić.
W powyższym fragmencie widzimy, że jest tam nagłówek z tag. Granica ma również czerwony półprzezroczysty top, co wskazuje, że górna część granicy ma pewną krycie, co zostało określone przez znacznik stylu nagłówka pliku HTML.
Przykład 03: Używanie CSS do wykonania dolnej części granicy i różnicowania jej koloru od boków i góry w pliku HTML
W tym przykładzie skonstruujemy plik HTML z „Div”, który ma granice, a „Div” będzie miał informacje o znaczniku stylu pomiędzy znacznikiem głowy pliku HTML, ale w tym przypadku dodamy jeszcze dwa kolejne tagi, które po prostu nieprzezroczą dolnej części granicy.
Poniższy skrypt pokazuje, że element głowy pliku HTML ma dwa tagi. Pierwszy znacznik zawiera tytuł pliku, a znacznik styl. Wartość wyściółka jest dostarczana w pikselach w tej części kodu, a właściwości dla granicy DIV są ustalane poprzez dostarczanie jej rozmiaru i formatu kolorów w standardowej metodzie RGBA, przy czym ostatni parametr to krycie, który ustawiliśmy ” 0."
Następnie otworzyliśmy znacznik graniczny RGBA i zmieniliśmy parametry kolorów na nowy kolor. Następnie ponownie otworzyliśmy znacznik brzegowy i zmieniliśmy parametr krycia na „0.2 ”, aby uczynić dolną część granicy półprzezroczystej. Następnie styl i znaczniki zostaną zamknięte. Następnie otworzymy element ciała i dodamy do niego nagłówek, a następnie Div z pewnym stylem zastosowanym przez nagłówek CSS, który zostanie zastosowany do wszystkich DIV w pliku HTML.
Skrypt zostanie następnie zapisany w „.format HTML ”i otworzył się w naszej przeglądarce, aby zobaczyć.
Powyższy fragment pokazuje nagłówek z znacznika ciała, a także pojemnik DIV z pewnym tekstem. Granica ma również szare półprzezroczyste dno, co sugeruje, że dolna część granicy ma pewne krycie i wyraźny kolor, jak określono w znaczniku stylu nagłówka pliku HTML.
Wniosek
W tym artykule omówiliśmy kilka metod dodania nieprzezroczystości do granicy w CSS. Jak omówiliśmy, CSS pozwala nam stylizować i edytować każdy element strony HTML, który zawiera kontener DIV z granicą. Wdrożyliśmy to zjawisko na stronie HTML i wprowadziliśmy kilka zmian w stylizacji, wprowadzając zmiany w stylu CSS w środowisku notatnika ++.