Answers for "styling an html table"

table border css

table, th, td {
  border: 1px solid black;
}

Posted by: Guest on April-14-2020

table style html

<head><style>
p.dotted 	{border-style: dotted;}
p.dashed 	{border-style: dashed;}
p.solid 	{border-style: solid;}
p.double 	{border-style: double;}
p.groove 	{border-style: groove;}
p.ridge 	{border-style: ridge;}
p.inset 	{border-style: inset;}
p.outset 	{border-style: outset;}
p.none 		{border-style: none;}
p.hidden 	{border-style: hidden;}
p.mix 		{border-style: dotted dashed solid double;}
</style></head>
<p class="dotted">A dotted border.</p>

Posted by: Guest on September-13-2021

html table custom

.demotbl th{
 
padding:15px;
 
color:#fff;
 
text-shadow:1px 1px 1px #568F23;
 
border-bottom:3px solid #9ED929;
 
background-color:#9DD929;
 
background:-webkit-gradient(
 
linear,
 
left bottom,
 
left top,
 
color-stop(0.02, rgb(123,192,67)),
 
color-stop(0.51, rgb(139,198,66)),
 
color-stop(0.87, rgb(158,217,41))
 
);
 
background: -moz-linear-gradient(
 
center bottom,
 
rgb(123,192,67) 3%,
 
rgb(139,198,66) 52%,
 
rgb(158,217,41) 88%
 
);
 
-webkit-border-top-left-radius:5px;
 
-webkit-border-top-right-radius:5px;
 
-moz-border-radius:5px 5px 0px 0px;
 
border-top-left-radius:5px;
 
border-top-right-radius:5px;
 
}

Posted by: Guest on October-13-2021

Source