Ram med HTML - hur det fungerar
För att göra media på din webbplats mer tilltalande kan du använda HTML-kod för att rita en ram runt den. I det här praktiska tipset visar vi dig hur detta fungerar och vilka fördelar kaskadformade stilark (CSS) erbjuder när du definierar en ram.
HTML-kodning - rita ramar runt bilder och andra media
Som standard har varje bild en ram som är en pixel bred. Detta är emellertid bara synligt om bilden används som en hyperlänk. Med "gränsen" -attributet kan du individuellt definiera ramens tjocklek.
- I HTML ser koden för en svart bild på tio pixlar något så här:
- Denna ram appliceras på alla fyra sidor av objektet.
- Alternativt kan du använda ett bildredigeringsprogram som Gimp för att rita ramen runt din bild.
- Observera dock att detta kommer att göra bilden större och det tar längre tid för besökaren på din webbplats att ladda ner bilden.
Definiera ramen i HTML-dokumentet med CSS
Du kan definiera ramen - till exempel en ruta runt en text - med kaskaderande stilark ännu mer exakt.
- Ett annat praktiskt tips berättar hur du integrerar en CSS-fil på din webbplats.
- I detta CSS-dokument kan du ställa in färgen och tjockleken på ramen på alla fyra sidor:
- border-bottom: # 999 - Ställer in färgen för den undre ramen. Här kan du också använda "border-top", "border-höger" eller "border-left".
- kantbredd: 0 0 tunn tunn - Anger linjetjockleken. Detta görs medsols. Här betyder det att inga linjer kan ses längst upp och höger, medan en tunn linje har definierats längst ner och vänster.
- kantstil: ingen ingen groove groove - Definierar den dekorativa ramen för din bild eller låda. "Groove" -stil skapar en 3D-effekt.
Din hemsida lever naturligtvis från sin närvaro på nätet. I nästa artikel kommer du att läsa de bästa tipsna för att förbättra din Google-ranking.