1 | <html> |
2 | <head> |
3 | |
4 | <style type="text/css"> |
5 | body {
|
6 | background-color: #ffff00; |
7 | font-family: Verdana; sans-serif; |
8 | font-size: 12px; |
9 | color: #000; |
10 | } |
11 | .box {
|
12 | width: 250px; |
13 | background: rgba(255, 0, 0, 0.6); |
14 | border-top: 1px solid #aaa; |
15 | border-right: 2px solid #444; |
16 | border-bottom: 2px solid #444; |
17 | border-left: 1px solid #aaa; |
18 | -moz-border-radius: 10px; |
19 | -webkit-border-radius: 10px; |
20 | border-radius: 10px; |
21 | -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); |
22 | -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); |
23 | -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); |
24 | box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); |
25 | padding: 15px; |
26 | } |
27 | .shadowtext {
|
28 | font-size: 16px; |
29 | text-shadow: 2px 2px 2px #666; |
30 | font-weight: bold; |
31 | } |
32 | </style> |
33 | </head> |
34 | |
35 | <body> |
36 | <div class="box"> |
37 | <p class="shadowtext">Praesent Eleifend</p> |
38 | <p>Lorem ipsum dolor sit amet,...</p> |
39 | </div> |
40 | <div class="box"> |
41 | <p class="shadowtext">Someone else</p> |
42 | <p>is taking the blame...</p> |
43 | </div> |
44 | </body> |
45 | </html> |
download render html show line numbers
Travelled to 12 computer(s): aoiabmzegqzx, bhatertpkbcr, cbybwowwnfue, gwrvuhgaqvyk, ishqpsrjomds, lpdgvwnxivlt, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tslmcundralx, tvejysmllsmz, vouqrxazstgt
No comments. add comment
| Snippet ID: | #1001078 |
| Snippet name: | Pretty boxes test (HTML) |
| Eternal ID of this version: | #1001078/1 |
| Text MD5: | 5c873fd5ce9f32e42b6c30bf662760e7 |
| Author: | stefan |
| Category: | |
| Type: | HTML |
| Public (visible to everyone): | Yes |
| Archived (hidden from active list): | No |
| Created/modified: | 2015-11-27 19:41:31 |
| Source code size: | 1107 bytes / 45 lines |
| Pitched / IR pitched: | No / Yes |
| Views / Downloads: | 879 / 416 |
| Referenced in: | [show references] |