Truques que do CSS do divertimento você pode se usar

| by Dan Grossman | January 17, 2002
O CSS ou as folhas sendo conectadas em cascata do estilo permitem que você execute alguns efeitos puros em seus Web pages fàcilmente. Você pode executar estes efeitos do CSS em seu local simplesmente copí e colando o código.

LIGAÇÕES DO TEXTO DA COR DO ROLLOVER

Ter sua cor da mudança das ligações do texto quando o rato passa sobre elas introduzindo este código na CABEÇA de seu original:>< texto do type= do <style do "/css "! --A: pairo {cor: vermelho}--></style>

LIGAÇÕES COM NENHUM UNDERLINE

Remover o underline de alguns ou todas as ligações em sua página pondo isto na CABEÇA de seu original:>< texto do type= do <style do "/css "! --A: ligação {texto-decoração: nenhuns} A: visitado {texto-decoração: nenhuns}--></style>

Ou, remover as ligações individuais do formulário do underline dando forma a lhes como este:texto-decoração " do style= " de " page.html do href= do <a: nenhuns " >link</a>

LIGAÇÕES COM UMA LINHA ACIMA E ABAIXO DELAS

Este é um olhar interessante que trabalhe especialmente bom enquanto um atributo do pairo para suas ligações, mas pode também ser aplicado a todas suas ligações. Mostrará o underline normal e uma linha acima da ligação:>< texto do type= do <style do "/css "! --A: pairo {texto-decoração: underline do overline}--></style>

TEXTO DESTACADO

Texto importante do destaque em suas página ou palavras que você quer estar para fora, fàcilmente:fundo-cor do style= <span ": o amarelo " >highlighted text</span>

Tentar adicioná-lo a seu pairo da ligação para um efeito puro:>< texto do type= do <style do "/css "! --A: pairo {fundo-cor: laranja}--></style>

IMAGEM DE FUNDO QUE ISNT TELHOU

Isto criará uma imagem de fundo que não repita:>< texto do type= do <style do "/css "! --CORPO {fundo: o URL do #ffffff (bg.gif) nenhum-repete}--></style>

Você pode também centrá-lo, porém será centrado como o fundo do original inteiro, não centrado no screenful:>< texto do type= do <style do "/css "! --CORPO {fundo: o URL do #ffffff (bg.gif) nenhum-repete o centro}--></style>

Article Source: http://www.articleset.com



About the Author

Dan Grossman runs http://www.websitegoodies.com where you can find over 250 hand-picked resources, articles, and tools! Dan also publishes the free weekly "WebDevPortal" newsletter for website owners! Subscribe today and get articles like this every week: subscribe@websitegoodies.com?subject=article-subscribe » Read more articles by Dan Grossman
You are welcome to publish or reprint this article free of charge, provided: