You can create CSS Picture frame type border using css styles.
.htmlframe {
position: relative;
height: 100vh;
width: 100%;
background-image: linear-gradient(to top right, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%), linear-gradient(to top right, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%), linear-gradient(to top left, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%), linear-gradient(to top left, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%);
background-size: 50px 50px;
background-position: top left, bottom right, top right, bottom left;
background-repeat: no-repeat;
padding: 50px;
}
.htmlframe:after {
position: absolute;
content: '';
height: calc(100% - 100px);
width: calc(100% - 100px);
top: 48px;
left: 48px;
border: 2px solid gray;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
} <div class="htmlframe">Some text</div>
The AWS Marketplace is an online store where people can buy and sell applications, services,…
Tongits is not just a card game—it’s a feeling every Filipino knows. It reminds us…
Your brand more than developing an attractive and creative logo and infectious motto. It's the…
The ads shown on videos, articles, or websites are called Display ads. You can supply…
Home security is not just about stopping burglars. It is about protecting your family, your…
Customer Loyalty is one of the most important things for brands today. Everyday companies come…