html css怎么實(shí)現標題背景折邊凸顯效果

本篇內容介紹了“html css怎么實(shí)現標題背景折邊凸顯效果”的有關(guān)知識，在實(shí)際案例的操作過(guò)程中，不少人都會(huì )遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學(xué)有所成！

實(shí)現這樣的效果，標題背景 超出所在的box



下面是代碼，標題是 <h3> 標簽

代碼如下:

#exp-detail .exp-content h3 {
   background-position: 0 -82px;
   font-size: 14px;
   font-weight: bold;
   height: 48px;
   line-height: 40px;
   margin: 15px -24px 0 -31px;
   padding-left: 27px;
   position: relative;
}