Pampalamuti underscore CSS-elemento

Teknolohiya stylesheet ay may dalawang function sa ang disenyo ng HTML-pahina. Una, sa tulong nito, mayroong isang formation posisyon ng mga indibidwal na mga elemento ng site. Pangalawa, ito ay gumagawa ng mga yunit ng visual na nakakaakit sa user. Pagpapatupad ng ikalawang function na ay nangyayari sa maraming paraan. Isa sa mga ito - salungguhit. CSS ay nagbibigay ng para sa attribute text- palamuti.

Specification attribute record

Gamitin text- palamuti property ay simple. Sapat na upang magrehistro sa CSS file code, ang sumusunod na linya para sa mga item:

text- decoration: znachenie_atributa;

Sa halip na "znachenie_atributa» CSS pagtutukoy ay nag-aalok ng ilang mga pagpipilian:

• salungguhit - line matatagpuan direkta sa ibaba ng teksto;
• overline - linya ay tumatakbo mula sa itaas ng teksto;
• none - ang pag-aalis ng lahat ng mapalamuting epekto;
• mamanahin - adopts ang halaga ng mga elemento ng magulang.

Ang itaas ay hindi ang lahat ng posibleng paraan ng pag-record, pati na ang katangiang ito ang tumutukoy hindi lamang ang CSS underscore, ngunit ang iba pang mga epekto, tulad ng "blink" o strikethrough text.

Mga halimbawa ng mga hyperlink na disenyo

Mga nagsisimula sa web design at programming, ang tanong arises: bakit sa ilalim na linya sa teksto? Sa bukang-liwayway ng panahon ng teknolohiya ng internet sa paraan ng allocation ng user sa ang katunayan na sa harap niya ay isang hyperlink - teksto, sa pamamagitan ng pag-click sa kung saan ay natupad ang paglipat sa isang bagong pahina.

Sa pamamagitan ng default, Hyperlink property set salungguhit. Sa pagsasagawa, mayroong isang problema upang alisin ang mga linya mula sa hindi aktibo aparato at gawin itong nakikita bilang user ay gumagalaw ang mouse pointer. Narito ang isang halimbawa ng code na hindi pinapagana ang mga link sa underscore CSS:

isang {text-decoration: none; }

Para sa mga aktibong mga link gamit ang mga sumusunod na entry:

a: hover {text-decoration: underline;}

Pampalamuti underscore para sa mga advanced

Standard na katangian text- palamuti ay may ilang mga limitasyon:

• kulay ng linya naiiba mula sa mga kulay ng teksto ng link, ito ay imposible na makilala sa pagitan ng kanilang "pangkulay";
• Tanging ang solid linya ay ginagamit bilang underscore. CSS ay hindi kasangkot ang paggamit ng iba pang mga estilo ng marka.

Ngunit espesyal na pamamaraan na makakatulong sa bypass ang classic na hitsura ng teksto. Sa unang kaso, upang magtakda ng isang hyperlink gamit ang opsyonal na tag .

Halimbawa: