html 如何创建div,html – 如何使用带尖头的CSS创建div

如果你不想使用图像,你可以做这样的事情.但在这种情况下,处理图像要容易得多.

body {

background-color: #CCC;

}

.wrapper {

}

.outer {

width: 0;

height: 0;

border-style: solid;

border-width: 0 205px 32px 205px;

border-color: transparent transparent #ffffff transparent;

position: absolute;

}

.inner {

width: 0;

height: 0;

border-style: solid;

border-width: 0 200px 32px 200px;

border-color: transparent transparent #ea2225 transparent;

margin-left: -200px;

margin-top: 5px;

position: absolute;

}

.fix {

background-color: #FFF;

height: 10px;

width: 410px;

position: absolute;

margin-top: 32px;

}

.red {

width: 396px;

height: 300px;

background-color: #ea2225;

margin-top: 37px;

position: absolute;

border-left: 7px solid #FFF;

border-right: 7px solid #FFF;

border-bottom: 6px solid #FFF;

-webkit-box-shadow: 3px 5px 5px 0px rgba(48,48,48,1);

-moz-box-shadow: 3px 5px 5px 0px rgba(48,48,48,1);

box-shadow: 3px 5px 5px 0px rgba(48,48,48,1);

}