Imaš index.html ... Imaš sliku ... Ako su ti slika i index u istom folderu, onda možeš sliku kao pozadinu staviti interno u indexu koristeći
<style type="text/css">
body {
background-image: url('slika.jpg');
}
</style>
u head tagu ... Ako hoćeš oko nekog elementa primijeniti border-radius property, napraviš element(div tag) u koji ćeš staviti tekst ili što već oko čega želiš taj border... Recimo da taj element nazoveš border, onda imaš
<div id="border"><p>Neki tekst</p></div>
i onda u CSS-u napraviš sljedeće:
#border {
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #dddddd;
width: 300px;
border-radius: 25;
-moz-border-radius: 25px;
}
I kompletan kod:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body {
background-image: url('slika.jpg');
}
#border {
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #dddddd;
width: 300px;
border-radius: 25px;
-moz-border-radius: 25px;
}
</head>
<body>
<div id="border"><p>Neki tekst</p></div>
</body>
</html>
I kao što je već rečeno, počni sa w3schools kao osnovnom literaturom...
