We would like to know how to create header with round border.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#title-text {<!-- ww w . j a v a 2 s. com-->
padding: 10px;
font-family: "Arial", serif;
font-size: 28pt;
width: 50%;
margin-bottom: 10px;
font-weight: bold;
background-color: rgb(169, 30, 34);
color: white;
border-style: solid;
border-color: #230b08;
border-width: 2px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
h1 {
text-align: center;
}
</style>
</head>
<body>
<br />
<h1>
<span id="title-text"> Welcome to the Store </span>
</h1>
</body>
</html>
The code above is rendered as follows: