css/ html help in making rounded table like container

Question

can anyone provide insight or a sample of how to create a css based bubble container for html to go inside it?

im looking to make a rounded table. that is to say i want

Answer 1

The boxes can be given curvy or round corners using the border-radius attribute in CSS. Example:

#myBtn {
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 3px black;
  
}
#myBtn:hover {
  background-color: orange;
 }
 #myBtn2 {
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  box-shadow: 3px 3px 3px black;
  
}
#myBtn2:hover {
  background-color: orange;
 }

	
	
	
  
  
  

  Button
  
  The above is a button with curved corners.
  

  Button
  
  The above is a button with pointed corners.
  
  

The more the number of pixels in border-radius, the rounder the corners get.

To know more about border-radius, please visit https://www.w3schools.com/css/css3_borders.asp

Hope this helps...