SHARE
TWEET

TP 10 - Exercice 2

vincentperaud Feb 17th, 2020 114 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>TP10 - Exercice 1</title>
  5.     <meta charset="utf-8">
  6.     <style type="text/css">
  7.         .carre {
  8.             width: 100px;
  9.             height: 100px;
  10.             margin-right: 20px;
  11.             margin-bottom: 20px;
  12.             float: left;
  13.         }
  14.         .cercle {
  15.             border-radius: 50%;
  16.         }
  17.         .arrondi {
  18.             border-radius: 20px;
  19.         }
  20.         .contour {
  21.             border: 4px dashed #16a085;
  22.             width: 92px;
  23.             height: 92px;
  24.         }
  25.         .clear {
  26.             clear: both;
  27.         }
  28.         .couleur1 {
  29.             background-color: #c0392b;
  30.         }
  31.         .couleur2 {
  32.             background-color: #16a085;
  33.         }
  34.         .couleur3 {
  35.             background-color: #f1c40f;
  36.         }
  37.         .couleur4 {
  38.             background-color: #e67e22;
  39.         }
  40.         .couleur5 {
  41.             background-color: #2980b9;
  42.         }
  43.     </style>
  44. </head>
  45. <body>
  46.     <div class="carre couleur1"></div>
  47.     <div class="clear"></div>
  48.  
  49.     <div class="carre couleur2 cercle"></div>
  50.     <div class="carre couleur3"></div>
  51.     <div class="clear"></div>
  52.  
  53.     <div class="carre couleur4 arrondi"></div>
  54.     <div class="carre contour"></div>
  55.     <div class="carre couleur5 "></div>
  56.     <div class="clear"></div>
  57. </body>
  58. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top