SHARE
TWEET

Untitled

a guest Aug 19th, 2019 60 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <style>
  7.         *{padding: 0; margin: 50px 0;}
  8.  
  9.         body {background-color: lightyellow;}
  10.  
  11.         .container {width: 800px; margin: auto;}   
  12.        
  13.         menu ul li {
  14.             float: left;
  15.             list-style: none;
  16.         }
  17.         menu ul li a{
  18.             text-decoration: none;
  19.             background-color: #555;
  20.             color: white;
  21.             padding: 20px 65px;
  22.             text-align: center;
  23.         }
  24.         menu ul li a.first {
  25.             border-radius:25px 0 0 0;
  26.         }
  27.         menu ul li a.last {
  28.             border-radius:0 25px 0 0;
  29.         }
  30.         menu ul li a:hover {
  31.             color: #555;
  32.             background-color: #fff;
  33.         }
  34.     </style>
  35. </head>
  36. <body>
  37.     <div class="container">
  38.         <menu>
  39.             <ul>
  40.                 <li><a href="" class="first">Test</a></li>
  41.                 <li><a href="">Test</a></li>
  42.                 <li><a href="">Test</a></li>
  43.                 <li><a href="">Test</a></li>
  44.                 <li><a href="" class="last">Test</a></li>
  45.             </ul>
  46.         </menu>
  47.     </div>
  48. </body>
  49. </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