這是我必須制作的div的圖像,但我不知道如何制作它

我到現在為止一直試過這個

.rr > div {

text-align: center;

}

.rr {

position: relative;

height: 200px;

background: #232E39;

}

.rr.rr-left {

z-index: 1;

float: left;

width: 90%;

}

.rr.rr-right {

z-index: 2;

float: right;

width: 10%;

}

.rr:after,

.rr:before {

content: "";

position: absolute;

top: 0;

width: 0;

height: 0;

}

.rr-left:after {

right: 0;

border-left: 100px solid #232E39;

border-bottom: 200px solid #dcdcdc;

}

.rr-right:before {

left: -100px;

border-right: 100px solid #232E39;

border-top: 200px solid transparent;

}

.rr-left > div {

margin-right: 100px;

margin-left: 50px;

}

.rr-right > div {

margin-right: 50px;

margin-left: 25px;

}

但我無法調整此文本和按鈕.我根據圖像改變顏色面臨問題.

`

總結

以上是生活随笔為你收集整理的如何使用html和css,如何使用html和css制作这个div？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。