本篇內容主要講解“css怎么控制水平衡線hr標簽樣式去掉其陰影效果”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“css怎么控制水平衡線hr標簽樣式去掉其陰影效果”吧!
成都創新互聯專注于企業全網整合營銷推廣、網站重做改版、白沙黎族網站定制設計、自適應品牌網站建設、H5響應式網站、電子商務商城網站建設、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業務,價格優惠性價比高,為白沙黎族等各大城市提供網站開發制作服務。html中水平衡線hr默認高度是兩個像素,其中border-top高1px,且顏色為黑,border-bottom高1px顏色為灰,這時看著是陰影效果
去掉陰影效果很簡單,只需在css里把border-bottom或border-top屬性設置一個為none即可。
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/tupian/20230522/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type = "text/css"> .hrtest{ height:20px; width:50px; border-top:1px solid red; border-left:none; border-right:none; border-bottom:none; } </style> </head> <body> <hr class = "hrtest"> </body> </html>
到此,相信大家對“css怎么控制水平衡線hr標簽樣式去掉其陰影效果”有了更深的了解,不妨來實際操作一番吧!這里是創新互聯建站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
文章標題:css怎么控制水平衡線hr標簽樣式去掉其陰影效果-創新互聯
URL網址:http://vcdvsql.cn/article4/ccshoe.html
成都網站建設公司_創新互聯,為您提供域名注冊、服務器托管、關鍵詞優化、企業建站、網站維護、電子商務
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯