Fazer uma dica de um site é uma maneira para os desenvolvedores web para adicionar informações adicionais para uma página da Web , tais como informações , onde um link irá levá-lo ou informação um campo de texto exige. As dicas são uma maneira de deixar uma nota para o usuário quando do mouse sobre uma imagem ou texto . Cuidadosamente pensado dicas são sutis e ajudar a melhorar a experiência do usuário. As dicas de ferramentas são fáceis de adicionar diretamente para o código HTML por meio de CSS. Instruções
1

Adicione o código CSS na seção de cabeçalho e por baixo da tag título do arquivo HTML.
2

html head < estilo type = "text /css" > tip { border-bottom : 0px pontilhada # 000000 ; color: # 000000 ; esboço : none; cursor : pointer; text-decoration : none; position: relative ;} . período ponta { . margin-left : - 999em ; position: absolute ;} dica: espaço hover { border-radius : . 15px 15px ; box-shadow : 13px 13px 13px rgba (0, 0 , 0, 0,1) ; font-family: Georgia, " , Times New Roman " , Times , serif ; position: absolute ; esquerda: 1em ; top : 2em ; z -index: 99; margin-left: ; largura 0: 250px ;} habitual {padding : 0.8em 1em ;} . . habitual {background: # FFFFFF ; border: 1px solid # FFAD33 ;}
3

Insira o seguinte código HTML sob para uma amostra de a dica .
4

Exemplos de dicas de ferramentas CSS !

Exemplos de um Tooltips Dica são usados ​​para adicionar informações cuidadosamente pensado para melhorar a experiência do usuário.
5

Para ver a dica de ferramenta , abra o arquivo HTML em um navegador da web e segure o mouse sobre o sublinhado palavra dica .
6

Ajuste o código , conforme necessário , por exemplo, mudar a decoração de texto para sublinhar ou a cor de fundo # FFFFAA para um amarelo.