Praneškite apie mus:


CSS sąrašai

Įvertink
(0 balsai)
1 1
Yra keletas pagrindinių nustatymų, kurie yra dažniausiai naudojami su html sąrašų elementais, tačiau naudojant sąrašų žymes ir truputėlis css stilių taisyklių, galime gauti visaip išdėstytus meniu punktus ir nežinant, kad tai yra sąrašo elementas, niekad net to nepasakytume.

Paprasti sąrašų stiliai

CSS sąrašų redagavimo parametrai leidžia keisti sąrašo elementų žymeklių poziciją, pačius žymeklius. Pagrindinių parametrų lentelė:

Parametras Reikšmė
list-style Nurodo visus parametrus iš karto. Daugiau informacijos čia: list-style
list-style-type Nurodo sąrašo indeksų tipą, kokio tipo skaitmenimis numeruoti ir pnš. Daugiau informacijos čia: list-style-type
list-style-position Nurodo sąrašo indeksų vietą. Daugiau informacijos čia: list-style-position
list-style-image Nurodo paveisklėlį, kurį reikia naudoti vietoje indeksų. Daugiau informacijos čia: list-style-image

 

Horizontalaus meniu pavyzdys

CSS stilių aprašai:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
ul {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a {
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:#378adf;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {
background-color:#9ae02c;
}
li {
display:inline;
}

 

HTML kodas:

1
2
3
4
5
6
<ul>
<li><a href="#">Pradžia</a></li>
<li><a href="#">Apie mus</a></li>
<li><a href="#">Kontaktai</a></li>
<li><a href="#">Nuorodos</a></li>
</ul>

 

pabandyk_pats

Atnaujinimo Data: Antradienis, Gegužės 25, 2010
Lukas

Lukas

Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn

E-mail: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Login to post comments