×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
1
Language: CSS
Posted by: Philip Rehberger
Added: Sep 14, 2016 12:06 AM
Views: 1
Tags: no tags
  1. p {
  2.     position:relative;
  3.     z-index:1;
  4.     padding: 10px;
  5.     margin: 10px;
  6.     font-size: 21px;
  7.     line-height: 1.3em;
  8.     color: #fff;
  9.     background: #ff0030;
  10.     -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
  11.     -moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
  12.     box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);
  13.     -webkit-border-radius: 3px;
  14.     -moz-border-radius: 3px;
  15.     border-radius: 3px;
  16. }
  17.  
  18. p:before {
  19.     content: "";
  20.     position: absolute;
  21.     z-index: -1;
  22.     top: 3px;
  23.     bottom: 3px;
  24.     left :3px;
  25.     right: 3px;
  26.     border: 2px dashed #fff;
  27. }
  28.  
  29. p a {
  30.     color: #fff;
  31.     text-decoration:none;
  32. }
  33.  
  34. p a:hover, p a:focus, p a:active {
  35.     text-decoration:underline;
  36. }