zhishaofei3

/**
 * Vintage envelope themed border via border-image
 */

div {
	padding: 1em;
	border: 16px solid transparent;
	border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em,
	              #58a 0, #58a 3em, transparent 0, transparent 4em);
	

zhishaofei3

/**
 * Vintage envelope themed border via border-image
 */

div {
	padding: 1em;
	border: 16px solid transparent;
	border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em,
	              #58a 0, #58a 3em, transparent 0, transparent 4em);
	

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */

.h2 {
    height: 30px;
    position: relative;
}
.h2 i {
    display: block;

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */
body {
	background: linear-gradient(45deg, #f07, yellow);
	width: 100px;
	height: 80px;
}

div {

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */
body {
	background: linear-gradient(45deg, #f07, yellow);
	width: 100px;
	height: 80px;
}

div {

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */
 html {
	background: linear-gradient(45deg, #f07, yellow);
	width: 100px;
	height: 80px;
	overflow: hidden;
}

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */

body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#zp {

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */

body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#xxx {

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */

body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#xxx {

zhishaofei3

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;