Advertisement
estevaorada

MULTI-UC4-MENUCSS

Aug 26th, 2018
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.88 KB | None | 0 0
  1. /*
  2. Observe que neste bloco de CSS existe um ID atribuído à <ul>
  3. e uma classe atribuída aos respectivos <li> do menu.
  4. */
  5.     ul#menu {
  6.         /* ocultar "bolihas" do menu */
  7.         list-style-type: none;
  8.         /* remover margens definidas por padrão da tag: */
  9.         margin: 0;
  10.         padding: 0;
  11.         /* exi */
  12.         overflow: hidden;
  13.         /* cor de fundo do menu: */
  14.         background-color: #fa0;
  15.     }
  16.     li.smenu{
  17.         /* flutuar os blocos <li> à esquerda */
  18.         float: left;
  19.     }
  20.     li.smenu a{
  21.         /* definir como "bloco" os links (item inteiramente clicável) */
  22.         display:block;
  23.         /* cor do texto */
  24.         color:#fff;
  25.         /* alinhamento do texto dentro do "bloco" */
  26.         text-align: center;
  27.         /* espaçamento s/i e e/d */
  28.         padding: 14px 16px;
  29.         text-decoration: none;
  30.     }
  31. /* RADA.E */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement