##### 取消新聞圖文前小點
```
.自定義css .heading b{display:none}
```
##### 新聞時間前文字“發布時間”去掉
.do-time span{display:none;}
```
<style>
.hm-news .do-caption-overlay .do-title{background-color: rgb(255, 255, 255);top:0;}
.hm-news li:hover .do-caption-overlay .do-title{opacity:0; transition:1s all;}
.hm-news li:hover .do-media-image-box:before{ content: "查看詳情 >>";
color: #fff;
position: absolute;
right: 20px;
bottom: 13px;
z-index: 2;}
.hm-news li:hover .do-media-image-box:after {
content: "";
height: 45px;
display: block;
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
background: #E74715;
}
.hm-news .do-time-left {
display: block;
z-index: 4;
position: absolute;
right: 12px;
background: #E74715;
width: 70px;
height: 70px;
top: -25px;
}
.hm-news .do-time-left h2 {
font-size: 23px;color: #fff;line-height: 44px;
}
.hm-news .do-time-left p {
margin-top: 0px;
font-size: 16px;
color: #fff;
}
.hm-news .des:after {
content: "查看詳情 >>";
color: #000;
position: absolute;
right: 20px;
bottom: 13px;
}
.hm-news .des:before {
content: "";
width: 100%;
height: 1px;
background: #ccc;
display: block;
position: absolute;
bottom: 45px;
left: 0;
}.hm-news .do-title-body{padding: 16px 0 0 15px;}
.hm-news .do-title-content{display: block;}
.hm-news .do-title .title{width: 80%;}
.hm-news .do-media-image-box{width:100%!important;}
.hm-news{width:96%;margin:auto;}
</style>
```
- 基本說明
- 常用在線前端CDN庫
- 公共代碼部分
- HTML基礎
- 媒體查詢(調整各種屏幕下的效果)
- 網站備案
- 阿里云備案
- 域名解析
- 阿里云常規解析
- 手機端M.后綴
- 301跳轉
- 在線客服咨詢平臺解決方案
- 百度商橋
- 商務通
- 美恰客服
- 騰訊QQ
- 建站系統自帶
- 逸創·云客服
- 編輯器組件高級用法
- 社區分享
- 新聞類
- 圖文
- Tab組件自定義
- 子導航自定義
- 文字
- 幻燈片
- 手機端導航欄
- 電腦端導航
- 單頁面導航
- 單排導航
- 表單
- 欄目條
- 背景
- 圖文組件基礎應用
- 圖文組件高級應用
- jPages分頁插件使用(用于普通圖文分頁)
- 圖文上下滾動
- 底部吸底導航
- Layer彈窗特效
- 頁面進入彈窗
- 彈窗特效
- 視頻彈窗
- 字體圖標
- Iconfont(阿里圖標庫)
- Font Awesome
- Chrome開發者工具中文文檔
- 懸浮在線客服
- 華為云右側在線客服
- 裝修公司
- CSS
- DIV CSS3 box-shadow對象盒子陰影和圖片陰影
- CSS選擇器
- 邊框
- 旋轉
- JS
- URL網址信息
- JQ
- JQ選擇器
- 常用JQ
- jQuery標簽替換函數replaceWith()的使用例子
- 錨鏈接動畫
- 手機端
- 全局樣式
- 導航
- PC導航菜單
- 插件
- 鼠標懸浮跟隨
- 簡單的Material Design風格手機App菜單特效
- 動畫