Koriste alaviiva CSS-elementtien

Teknologia tyylisivu on kaksi tehtävää suunnittelussa HTML-sivuja. Ensinnäkin sen avulla on muodostelma asema yksittäisten osien sivuston. Toiseksi se tekee yksiköiden visuaalisesti käyttäjälle. Täytäntöönpano toinen funktio tapahtuu monella tavalla. Yksi niistä - korostavat. CSS mahdollistaa tämän ominaisuuden teksti- koristeluun.

Erittely määrite kirjaa

Käytä teksti- koristelu ominaisuus on yksinkertainen. Tarpeeksi rekisteröityä CSS-tiedostoa koodia, seuraava rivi alkion:

teksti- koristeluun: znachenie_atributa;

Sen sijaan, että "znachenie_atributa» CSS spesifikaation tarjoaa useita vaihtoehtoja:

• korostaa - rivi sijaitsee suoraan tekstin;
• overline - linja kulkee ylhäältä tekstin;
• none - poistamalla kaikki koriste vaikutuksia;
• perivät - hyväksyy arvo emoelementin.

Edellä mainitut ovat kaikkia mahdollisia muotoja tallennus, koska Tämä määrite ei vain CSS alaviiva, mutta muita vaikutuksia, kuten "vilkkuvat" tai yliviivattu teksti.

Esimerkkejä suunnittelun hyperlinkkien

Aloittelijoille web design ja ohjelmointi, herää kysymys: miksi bottom line tekstissä? Kynnyksellä aikakauden Internet-tekniikan tämä menetelmä jakamisesta käyttäjälle siitä, että hänen edessään on hyperlinkki - teksti, klikkaamalla johon tehdään siirtyminen uudelle sivulle.

Oletuksena hyperlinkin majoituspaikka alleviivausta. Käytännössä, on ongelma poistaa linjan toimeton laitteista ja tehdä näkyväksi, kun käyttäjä liikuttaa hiiren osoitinta. Tässä on esimerkki koodi, joka estää alaviiva CSS linkit:

a {text-decoration: none; }

Aktiivisille linkkien avulla seuraava merkintä:

a: hover {text-decoration: korostaa;}

Koriste alaviiva edistyneille

Standard määrite teksti- koristeluun on useita rajoituksia:

• viivan väriä eri väristä linkin teksti, on mahdotonta erottaa toisistaan niiden "väritys";
• Ainoastaan yhtenäinen viiva käytetään alaviiva. CSS ei käytetä muiden tyylien tavaramerkin.

Mutta erikoistekniikoita auttaa ohitusleikkaus klassista ulkonäköä tekstin. Ensimmäisessä tapauksessa asettaa hyperlinkin käyttämällä valinnaista tag .

Esimerkiksi: