×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: Elionay Silva
Added: Jul 1, 2017 11:49 PM
Modified: Jul 1, 2017 11:50 PM
Views: 3
Tags: no tags
  1.             body{
  2.                /* background-color: #C0FF3E;*/
  3.                 font-family: Arial, Helvetica, sans-serif;
  4.                 font-size: 24px;
  5.                 color: #000000;    
  6.                
  7.                   background-image: url('fantasma.jpg');
  8.                   background-repeat: no-repeat;
  9.                   background-attachment: fixed;
  10.                   background-position: center;
  11.                   background-size: 100%;
  12.                 /*coloca fundo na pagina
  13.              
  14.                 //tipos de restição: repeat x(repete na horizontal) repeat y (repete na vertical) no repeat(não repete)
  15.                
  16.                
  17.                 //a imagem pode ser fixa(fixed) ou rolar(roll) com o scroll
  18.                
  19.                
  20.                 //posição da imagem
  21.                
  22.                
  23.                 //aumentar a img a 100%*/
  24.                
  25.             }
  26.             h1{
  27.                 font-family: fantasy;
  28.                 background: white;
  29.                 padding:5px;
  30.                 border:1px solid red;
  31.                
  32.             }
  33.             a{
  34.                 text-decoration: none;
  35.                 font-family: impact;
  36.                 color: #0E798BF;
  37.                 font-size: 12px;    
  38.  
  39.             }
  40.             a:hover {
  41.                 color:red;
  42.                 font-size: 26px;
  43.                 transition-duration: 0.5s;
  44.                
  45.                
  46.             }
  47.             table{
  48.                 border: 3px solid #017cc2;
  49.             }
  50.             tr,td{
  51.                 font-family: Verdana;
  52.                 font-size: 24px;
  53.                 color: navy;
  54.                 border: 1px solid #0000FF;
  55.                 background-color: #06f;
  56.             }
  57.             p{
  58.                 text-align: justify;
  59.                 font-family: courier;
  60.                 font-size: 14px;
  61.                 color: red;
  62.                 padding:10px 10px 10px 10px;
  63.                 border: 2px solid #AA0000;
  64.                 position:relative;
  65.                 /*Absolute: sobrescreve o conteudo mas desce a barra de rolagem
  66.                 //Fixed: sobrescreve o conteudo mas fica fixo na pagina
  67.                 //Relative: o texto aparece em relação a imagem ao lado
  68.                 //static: fica de modo normal e não sobrescreve nada*/
  69.             }
  70.             img{
  71.                 float:left;
  72.                 width: 300px;
  73.                 height: 250px;
  74.                 border: 1px solid green;  
  75.             }