Feather edge corners in a table - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table

Description

Feather edge corners in a table

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!-- w  ww  .  ja  v a 2  s .c  om-->
 <body> 
  <style>
body {
   background-color:Chartreuse;
   color:yellow;
   padding:0;
   font-size:81%;
   font-family:"Times";
   word-wrap:break-word;
}

div.tablet {
   width:93%;
   height:21px;
   border:2px solid blue;
   padding:6px 11px;
   font-size:111%;
   border-left:6px solid pink;
   margin-left:11px;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
   border-radius:7px;
}
</style> 
  <div class="tablet">
    Lorem ipsum dolor sit am 
  </div>  
 </body>
</html>

Related Tutorials