我需要創建一個看起來像第一個圖像的標題，但是，它不能是圖像。最好只是 css，但如果有辦法用 jQuery 做到這一點，則對 jQuery 開放。我嘗試了很多不同的東西，但無法在標題上創建 45 度角（就在 Home 之前）。這是我得到的最接近的。此圖像中的顏色是錯誤的，但這是故意的，以便我可以更好地說明問題。這是我最近嘗試使這項工作的一部分，我認為我很接近它，但它仍然是不對的。   #header{    float:left;    margin-top:20px;    overflow: hidden;    padding-bottom: 10px;    background-color:#F1F1F1;    -moz-box-shadow:    3px 3px 5px 0px #ccc;    -webkit-box-shadow: 3px 3px 5px 0px #ccc;    box-shadow:         3px 3px 5px 0px #ccc;    width: 100%;    height:130px;    z-index: 1;}#secondHeader{    float:right;    background-color:#ffffff;    width:50%;    height: 80px;    position: relative;    margin-top: -50px;    margin-right:15px;    /* border-radius: 15px 15px 0px 20px; */    /* background-color:#ff0000; */    -moz-box-shadow:    3px 3px 5px 6px #ccc;    -webkit-box-shadow: 3px 3px 5px 6px #ccc;    box-shadow:         3px 3px 5px 6px #ccc;    z-index: 10;}#secondHeader::before{    height: 80px;    width: 70px;    border-radius: 10px 10px 10px 10px;    background-color: #f1f1f1;    content: "";    position: absolute;    left: 32px;    top: 0px;    -webkit-transform: skewX(-45deg);    transform: skewX(-45deg);    z-index: -1;}我究竟做錯了什么？我已經為此工作了兩天，無法弄清楚。