1

cssでそのようなものを作る方法は?

https://www.dropbox.com/s/6ol23la6ey373gt/example.png

4

1 に答える 1

1

.up にボーダー画像を追加して、上の画像の完全なクローン効果を確認できます!

フィドル

div.wrapper {
    background:#d89043;
    width:400px;
    height:300px;
    position:relative;
}
div.up {
  width:0px; 
  height:0px; 
  border-left:50px solid transparent;  /* left arrow slant */
  border-right:50px solid transparent; /* right arrow slant */
  border-bottom:50px solid #fff; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  position:absolute;
  bottom:0;
  margin-left:40%;
}​
于 2013-01-02T19:26:04.880 に答える