Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <link rel="stylesheet" href="css/style.css">
- <title>Backgrounds & borders</title>
- </head>
- <body id="body">
- <div id="box-1">
- <h3 class="margin">Box One</h3>
- <p class="margin">
- The acceptance is an enlightened lover.<br/>
- One searious sainthood i give you: receive each other.<br/>
- Ahoy, salty amnesty!<br/>
- Aw, lead me ale, ye evil gibbet!<br/>
- </p>
- </div>
- <br>
- <div id="box-2">
- <h3 class="margin">Box Two</h3>
- <p class="margin">
- The acceptance is an enlightened lover.<br/>
- One searious sainthood i give you: receive each other.<br/>
- Ahoy, salty amnesty!<br/>
- Aw, lead me ale, ye evil gibbet!<br/>
- </p>
- </div>
- <div id="box-3">
- <h3 class="margin">Box Three</h3>
- <p class="margin">
- The acceptance is an enlightened lover.<br/>
- One searious sainthood i give you: receive each other.<br/>
- Ahoy, salty amnesty!<br/>
- Aw, lead me ale, ye evil gibbet!<br/>
- </p>
- </div>
- <br>
- <div id="box-4">
- <h3 class="margin">Box Four</h3>
- <p class="margin">
- The acceptance is an enlightened lover.<br/>
- One searious sainthood i give you: receive each other.<br/>
- Ahoy, salty amnesty!<br/>
- Aw, lead me ale, ye evil gibbet!<br/>
- </p>
- </div>
- </body>
- </html>
- #box-1
- {
- background-color: blanchedalmond;
- width: 300px;
- border: 3px dashed black;
- font-family: "Roboto Light", serif;
- font-size: 20px;
- }
- #box-2
- {
- background: grey;
- color: white;
- width: 450px;
- border: 3px blue solid;
- border-radius: 20px;
- }
- #box-3
- {
- background: url("./img/img1.jpg") no-repeat center center/cover;
- color: white;
- width: 450px;
- height: 150px;
- border-radius: 10px;
- }
- #box-4
- {
- background-image: url("./img/img3.png");
- width: 400px;
- height: 350px;
- color: white;
- -webkit-text-stroke: 1px red;
- background-size: cover;
- background-position: center center;
- border: 3px gray dotted;
- font-size: 30px;
- }
- .margin
- {
- margin-left: 15px;
- }
- #body
- {
- background-color: beige;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement