Jak napisać obramowanie CSS wokół obrazu

Kaskadowe arkusze stylów umożliwiają modyfikowanie układu HTML i właściwości wyświetlania, takich jak pozycjonowanie, kolor i krawędzie. HTML Tag służy do wyświetlania obrazu na stronie internetowej i zawiera atrybut "border", który pozwala ustawić i wyłączyć obramowanie, a także określić szerokość ramki. Być może tworzysz stronę marketingową ze specjalnościami i chcesz, aby obramowanie obrazu wyglądało inaczej niż podstawowy styl witryny firmy. Użyj CSS, aby zmodyfikować styl obramowania dla określonego obrazu.

1.

Uruchom edytor HTML lub tekstowy i otwórz stronę internetową. Zlokalizuj znacznik obrazu, do którego chcesz dodać obramowanie.

2.

Wstaw atrybut stylu CSS, aby rozpocząć zmianę stylu ( ). Wstaw właściwość "border", aby zmodyfikować właściwości granicy, takie jak szerokość, rodzaj i kolor. Poniższy obraz ma grubą czerwoną przerywaną linię. Atrybuty mogą być w dowolnej kolejności.

3.

Zmodyfikuj parametry obramowania według potrzeb. Grubość obramowania może być gruba, średnia lub cienka lub wartość w pikselach, np. "6px." Możesz wybierać spośród różnych typów obramowań, w tym podwójnych, pełnych lub przerywanych. Kolor może być również oznaczony na różne sposoby: hex (# ffcc00), RGB (RGB (255, 0, 0)) lub nazwa koloru (niebieski).

4.

Zapisz stronę i otwórz w przeglądarce, aby wyświetlić zmianę wyświetlania.