Na razie mam tyle, ale chciałbym w tym kodzie wykonać coś takiego i nie mogę sobie z tym poradzić, chodzi o te łącza i zmiany dalsze w css'ie tak jak jest w poleceniu
chodzi o łącza na dole strony html:
'Łącze odwiedzone ma kolor czerwony'
'Łącze nad którym jest kursor ma wielkość 9 pkt i jest na białym tle'
wzór : http://iv.pl/images/51341022406730756392.png
kod: http://codepen.io/xanax123/pen/YZVgRO
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="lambo.css"/>
</head>
<body>
<h2><b>
Te dwa wiersze są pisane z atrybutami nagłówka H2. <br>
Wielkość tekstu 10 pt. Pierwszy wiersz podkreślony (użyj pseudoklasy first-line)
</h2></b>
<h5>
Ten fragment tekstu jest pisany z atrybutami nagłówka H5.
Odstęp nad tekstem równy dwukrotności litery m. Czcionka pochylona.
</h5><hr>
<p class="green">
Ten fragment tekstu jest akapitem. Ma być napisany czcionką zieloną<br>
oraz ma być wycentrowany. Odległość między znakami wynosi 1pt.
</p>
<p>
Ten fragment tekstu też jest akapitem (bez dodatkowego formatowania),<br>
a poniżej jest lista numerowana i zawiera listę wypunktowaną<br>
Zauważ, że elementy listy numerowanej są pogrubione, a wypunktowanej nie.
</p>
<ol>
<li>
Pierwszy element listy oznaczony literą a. Jest on celowo długi, aby pokazać efekt<br>
wyrównania tekstu - druga i kolejne linie zaczynają się pod pierwszą
</li>
<li>
Drugi element listy oznaczony literą b
<ul>
<li>
Pierwszy element wypunktowany
</li>
<li>
Drugi element wypunktowany
</li>
<li>
Trzeci element wypunktowany
</li>
</ul>
</li>
<li>
Trzeci element listy oznaczony literą c
</li>
</ol>
<hr>
<blockquote>
Ten tekst jest na wcięciu (blockquote) 2 cale.
</blockquote>
<p class="green" id="dodatek">
Ten fragment tekstu jest akapitem. Ma być napisany czcionką zieloną<br>
oraz ma byc wycentrowany. Odległość między znakami wynosi 1pt.<br>
Dodatkowo ma on zmniejszoną odległość między wierszami (zdefiniowaną poprzez<br> identyfikator)
</p>
<p class="blue">
Ten fragment jest akapitem. Jest napisany kolorem niebieskim, wielkością 9 punktów
i czcionką pochyloną
</p>
<br>
<p>
Ten fragment jest zwykłym akapitem. Poniżej jest tabela na środku strony ze wszystkimi liniami czerwonymi o grubości 2pt.
</p>
<br>
<table>
<tr>
<th colspan="3">
Wycentrowany i pogrubony tytuł tabeli
</th>
</tr>
<tr>
<td>
Elemnt znajdujący sie w drugim wierszu i pierwszej kolumnie.
</td>
<td>
B2
</td>
<td rowspan="2">
B3
</td>
</tr>
<tr>
<td>C1</td>
<td>C2</td>
</tr>
</table>
<br>
<a href="http://wykop.pl" target="blank">
Łącze nieodwiedzone ma kolor zielony</a>
<br>
<a href="wykop.pl" target="blank">
Łącze odwiedzone ma kolor czerwony </a>
<br>
<a href="https://wykop.pl" target="blank">
Łącze nad którym jest kursor ma wielkość 9 pkt i jest na białym tle</a>
</body>
</html>
html
body
{
background-color: yellow;
font-family: Verdana, arial, "times new roman";
font-size: 8pt;
margin-left:13px;
}
h2
{
font-size: 10pt;
}
h2:first-line
{
text-decoration: underline;
}
h5
{
font-style: italic;
line-height: 2em;
}
p.green
{
color: green;
letter-spacing: 1pt;
text-align: center;
}
ol
{
font-weight: bold;
list-style-type: lower-alpha;
}
ul
{
list-style-type: square;
font-weight: normal;
}
blockquote
{
margin-left: 2in;
}
p.green#dodatek
{
line-height: 9pt;
}
p.blue
{
color: blue;
font-size: 9pt;
font-style: italic;
}
table
{
margin-left: auto;
margin-right: auto;
border: 2pt solid red;
border-collapse: collapse;
}
td
{
border: solid red 2pt;
}
table th
{
background-color:cyan;
color:red;
text-align: center;
font-weight:bold
}
a:link{
color: green;
}
a:visited {
color: red;
}
a:hover{
background-color:white;
font-size:9pt;
}
... Pomoże ktoś?