[CSS] Łącza w pliku html

0

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

title

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ś?

0

Ale w czym problem?

0

ała :/
jak to napisał (bodaj kiedyś) shalom
witamy w latach 90'

0

W każdej bądź razie mimo że programuje w javce to już mam odpowiedź, trzeba było użyć klasy, chociaż ja tak zrobiłem.

1 użytkowników online, w tym zalogowanych: 0, gości: 1