Advertisement
csfeijo

contato.css

Aug 4th, 2020
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.92 KB | None | 0 0
  1. form {
  2.   /* border: 1px solid red; */
  3.   width: 400px;
  4.   margin-left: 5px;
  5. }
  6. /* para os elementos ficarem lado a lado, transformamos eles em elementos */
  7. /* em linha (para ficarem lado a lado) & em bloco (para suportarem dimensoes) */
  8. iframe,
  9. form {
  10.   display: inline-block;
  11.   /* alinha os elementos pelo TOPO */
  12.   vertical-align: top;
  13. }
  14. /* definicoes de padronização dos elementos do formulario */
  15. input,
  16. textarea,
  17. button {
  18.   border: 2px solid #bcb78f;
  19.   width: 100%;
  20.   padding: 5px;
  21.   font-family: Arial;
  22.   font-size: 14px;
  23.   margin-bottom: 10px;
  24.   border-radius: 4px;
  25. }
  26.  
  27. textarea {
  28.   height: 150px;
  29.   /* resize : redimensionamento */
  30.   resize: none;
  31. }
  32.  
  33. /* customizacao do botao usando atributos (coloca-se entre colchetes) */
  34. button[type=submit] {
  35.   width: auto;
  36.   padding: 8px;
  37.   background: #bcb78f;
  38.   display: block;
  39.   margin: 0 auto;
  40. }
  41. button[type=submit]:hover {
  42.   background: #ede1b7;
  43. }
  44.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement