oysteikt-skolearbeid/IT2805
oysteikt-skolearbeid
/
IT2805
1
0
Fork 0
Code Issues Pull Requests Activity

Added styling

This commit is contained in:
h7x4 2020-09-02 11:17:17 +02:00
parent ba7086e579
commit 77e644f628
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
about.html
View File

@ -7,6 +7,7 @@
<title>About</title> <title>About</title>
<link rel="shortcut icon" href="img/favicon.svg" type="image/svg+xml"> <link rel="shortcut icon" href="img/favicon.svg" type="image/svg+xml">
<!-- Royalty free icon, source: https://pixabay.com/vectors/flat-design-symbol-icon-www-2126879/ --> <!-- Royalty free icon, source: https://pixabay.com/vectors/flat-design-symbol-icon-www-2126879/ -->
<link rel="stylesheet" href="css/style.css">
</head> </head>
<body> <body>
@ -19,7 +20,13 @@
<h2>This is me</h2> <h2>This is me</h2>
</header> </header>
<img src="./img/html_joke.jpg" alt="An html joke"> <img
src="./img/html_joke.jpg"
alt="An html joke"
id="htmlJoke"
style="border-width: 6px;"
>
<!-- Increased to 6px assuming default border-width "medium" at 96dpi is about 4px, https://www.sitepoint.com/community/t/pixel-equivelant-of-border-width-thin-medium-thick/4225/2 -->
<!-- Source: http://funnygeekjokes.blogspot.com/2013/02/how-to-tell-html-from-html5-joke.html --> <!-- Source: http://funnygeekjokes.blogspot.com/2013/02/how-to-tell-html-from-html5-joke.html -->
<p> <p>
@ -64,4 +71,4 @@
<footer>Created by: Øystein Tveit</footer> <footer>Created by: Øystein Tveit</footer>
</body> </body>
</html> </html>

17
css/style.css
View File

@ -0,0 +1,17 @@
body {
background: #AAAAAA
}
header {
font-family: 'Times New Roman', Arial;
}
p {
font-family: 'Noto Serif', Helvetica, Arial;
}
#htmlJoke {
max-width: 150px;
border: solid;
border-color: red;
}