1. Sa background-color možemo setovati boju pozadine HTML elementa:
<h1 style="background-color:DodgerBlue;">Pozadina H1 elementa</h1>
<p style="background-color:Tomato;">Pozadina P elementa</p>
2. Sa color možemo setovati boju teksta:
<h1 style="color:Tomato;">Izmenjena boja teksta</h1>
<p style="color:DodgerBlue;">Izmenjena boja teksta</p>
3. Sa border možemo podesiti boju okivar:
<h1 style="border:2px solid Tomato;">Element ima okvir u boji</h1>
4. Boje možemo podešavati i u RGB formatu:
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
Primer HTML koda:
<!DOCTYPE html>
<html>
<head>
<title>HTML boje</title>
</head>
<html>
<body>
<h1 style="background-color:DodgerBlue;">H1 sa background-color:DodgerBlue</h1>
<h1 style="background-color:rgb(255, 99, 71);">H1 sa background-color:rgb(255, 99, 71)</h1>
<p style="background-color:Tomato;"> Tekst između p taga, sa stilom background-color:Tomato.</p>
<h3 style="color:Tomato;">H3 sa stilom color:Tomato</h3>
<p style="color:DodgerBlue;">p sa color:DodgerBlue</p>
<p style="color:MediumSeaGreen;">p sa color:MediumSeaGreen</p>
<h1 style="border: 2px solid Tomato;">H1 sa border: 2px solid Tomato</h1>
<h1 style="border: 2px solid DodgerBlue;">H1 sa border: 2px solid DodgerBlue</h1>
<h1 style="border: 2px solid Violet;">H1 sa border: 2px solid Violet</h1>
</body>
</html>
<html>
<head>
<title>HTML boje</title>
</head>
<html>
<body>
<h1 style="background-color:DodgerBlue;">H1 sa background-color:DodgerBlue</h1>
<h1 style="background-color:rgb(255, 99, 71);">H1 sa background-color:rgb(255, 99, 71)</h1>
<p style="background-color:Tomato;"> Tekst između p taga, sa stilom background-color:Tomato.</p>
<h3 style="color:Tomato;">H3 sa stilom color:Tomato</h3>
<p style="color:DodgerBlue;">p sa color:DodgerBlue</p>
<p style="color:MediumSeaGreen;">p sa color:MediumSeaGreen</p>
<h1 style="border: 2px solid Tomato;">H1 sa border: 2px solid Tomato</h1>
<h1 style="border: 2px solid DodgerBlue;">H1 sa border: 2px solid DodgerBlue</h1>
<h1 style="border: 2px solid Violet;">H1 sa border: 2px solid Violet</h1>
</body>
</html>
Prikaz koda u browser:
No comments:
Post a Comment