================================
BORDER STYLE SOURCE CODE ================================
BORDER STYLE SOURCE CODE ================================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS Borders</title>
<style>
h1 {
border-style: solid;
border-color: blue;
color: white;
background-color: black;
border-width: 2px 15px 2px 15px;
padding: 5px;
margin: 2%;
border-radius:30px
}
h2 {
border-style: solid;
border-color: green;
color: white;
background-color: black;
border-width: 2px 30px 2px 30px;
padding: 5px;
margin: 2%;
border-radius:10px
}
h3 {
border-style: solid;
border-color: orange;
color: white;
background-color: black;
border-width: 2px 30px 2px 30px;
padding: 5px;
margin: 2%;
border-radius:20px
}
</style>
</head>
<body>
<header>
<h1>STYLE BORDER</h1>
</header>
<header>
<h2> HTML BORDER</h2>
</header>
<header>
<h3> FOOTER</h3>
</header>
</body>
</html>
================================
BORDER BOX STYLE SOURCES CODE ================================
<html>
<head>
<title> BORDER BOX STYLE</title>
<style>
p {
border: 5px solid blue;
padding: 10px;
margin: 30px;
text-align: center;
background-color:BlueViolet;
color:white;
border-radius:10px 10px 50px 50px;
}
div {
width: 320px;
padding: 10px;
border: 5px solid red;
margin: 30px;
text-align: center;
color:white;
background-color:black;
border-radius:90px 2px 90px 10px;
}
div p2 {
width: 320px;
padding: 10px;
border: 2px solid white;
margin: 5px;
text-align: center;
color:white;
background-color:blue;
border-radius:2px 50px 2px 50px;
}
</style>
</head>
<body>
<p>STYLE BOX EXAMPLE</p>
<div>
<p1> TOP BOX </p1>
</div>
<div>
<p2>NEW STYLE BOX</p2>
</div>
</body>
</html>
================================
UP COMING NEW SOURCES CODE ================================
<html>
<head>
<meta charset="UTF-8">
<title>CSS Borders</title>
<style>
h1 {
border-style: solid;
border-color: blue;
color: white;
background-color: black;
border-width: 2px 15px 2px 15px;
padding: 5px;
margin: 2%;
border-radius:30px
}
h2 {
border-style: solid;
border-color: green;
color: white;
background-color: black;
border-width: 2px 30px 2px 30px;
padding: 5px;
margin: 2%;
border-radius:10px
}
h3 {
border-style: solid;
border-color: orange;
color: white;
background-color: black;
border-width: 2px 30px 2px 30px;
padding: 5px;
margin: 2%;
border-radius:20px
}
</style>
</head>
<body>
<header>
<h1>STYLE BORDER</h1>
</header>
<header>
<h2> HTML BORDER</h2>
</header>
<header>
<h3> FOOTER</h3>
</header>
</body>
</html>
================================
BORDER BOX STYLE SOURCES CODE ================================
<html>
<head>
<title> BORDER BOX STYLE</title>
<style>
p {
border: 5px solid blue;
padding: 10px;
margin: 30px;
text-align: center;
background-color:BlueViolet;
color:white;
border-radius:10px 10px 50px 50px;
}
div {
width: 320px;
padding: 10px;
border: 5px solid red;
margin: 30px;
text-align: center;
color:white;
background-color:black;
border-radius:90px 2px 90px 10px;
}
div p2 {
width: 320px;
padding: 10px;
border: 2px solid white;
margin: 5px;
text-align: center;
color:white;
background-color:blue;
border-radius:2px 50px 2px 50px;
}
</style>
</head>
<body>
<p>STYLE BOX EXAMPLE</p>
<div>
<p1> TOP BOX </p1>
</div>
<div>
<p2>NEW STYLE BOX</p2>
</div>
</body>
</html>
================================
UP COMING NEW SOURCES CODE ================================
0 Comments
Please do not enter any scam link and comments,