Advertisement
flavio669

estou com sono

Mar 17th, 2018
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.48 KB | None | 0 0
  1. #pagina_completa
  2. {
  3. background-image: url("imagens/images.jpg");
  4. background-position: center;
  5. background-size: auto
  6.  
  7. }
  8.  
  9. h1
  10. {
  11.     color: orange;
  12.     margin: center;
  13.     font-variant: small-caps;
  14.     font-size: 34px;
  15.     font-family: 12px;
  16.     border: 2px solid yelow;
  17.     width: 300px;
  18.     text-align:center;
  19.     margin-left: 20px;
  20.     border-top-style: dotted;
  21.     border-right-style: dotted;
  22.     border-bottom-style: dotted;
  23.     border-left-style: dotted;
  24.     background:linear-gradient(180deg, black, yellow);
  25. }  
  26.  
  27. h2
  28. {
  29.     margin-bottom: 2px;
  30.     font-variant: small-caps;
  31.     border: 2px solid black;
  32.     width: 180px;
  33.     background:linear-gradient(90deg, yellow, orange);
  34.     font-size:40px;
  35.     text-align: center;
  36.     background:linear-gradient(180deg, black, yellow);
  37. }
  38.  
  39. h3
  40. {
  41.     width: 240px;
  42.     border: 2px solid black;
  43.     background-color:rgb(0,220,500);
  44.     font-size:27px;
  45.     font-variant: small-caps;
  46.     background:linear-gradient(180deg, black, yellow);
  47.     margin-bottom:2px;
  48. }
  49.  
  50. h4
  51. {
  52.    
  53.     border: 2px solid black;
  54.     width: 210px;
  55.     font-size: 40px;
  56.     background:linear-gradient(180deg, black, yellow);
  57.     margin-bottom:2px;
  58. }
  59. #navegação
  60. {
  61.     border: 2px solid black;
  62.     background: linear-gradient(90deg, orange, yellow);
  63.     width: 600px;
  64.    
  65.    
  66. }
  67. h5
  68. {
  69.    
  70.     border: 2px solid black;
  71.     font-family: tahoma;
  72.     font-size: 20px;
  73.     width: 240px;
  74.     background:linear-gradient(90deg, orange, yellow);
  75. }
  76. ul
  77. {
  78.     list-style-type: none;
  79.     margin: 0;
  80.     padding: 0;
  81.     overflow: hidden;
  82.    
  83.    
  84. }
  85.  
  86. li
  87. {
  88.     float: left;
  89.     text-decoration: underline;
  90. }
  91.  
  92. li a
  93. {
  94.     display: block;
  95.     color: black;
  96.     padding: 16px;
  97.     text-decoration: none;
  98.     border-bottom: 2px;
  99.  
  100.    
  101. }
  102.  
  103. #navegação li
  104. {
  105.     list-style: none;
  106.     display: inline-block;
  107.    
  108. }
  109.  
  110. #navegação li a:link{ color:black; font: 15px tahoma; text-decoration: none}
  111. #navegação li a:visited { color:black; font: 15px tahoma; text-decoration: none}
  112. #navegação li a:hover{ color:red; font: 15px tahoma; text-decoration: none}
  113. #navegação li a:active{ color:black; font: 15px tahoma; text-decoration: none}
  114.  
  115. footer
  116. {
  117.     font-family: tahoma;
  118.     width: 300px;
  119.    
  120.  
  121. }
  122. #rodape_final
  123. {
  124.    
  125.     border: 2px solid black;
  126.     text-align: center;
  127.     clear: both;
  128.     background-color: orange;
  129.     color:yellow;
  130.     padding: 10px;
  131.     font-size: 12px;
  132. }
  133.  
  134. #rodape_final a:link{text-decoration:underline; color:purple}
  135. #rodape_final a:visited{text-decoration:underline; color:red}
  136. #rodape_final a:hover{text-decoration:underline; color:black}
  137. #rodape_final a:active{text-decoration:underline; color:blue}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement