css怎么控制水平衡線hr標簽樣式去掉其陰影效果-創(chuàng)新互聯(lián)

本篇內(nèi)容主要講解“css怎么控制水平衡線hr標簽樣式去掉其陰影效果”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css怎么控制水平衡線hr標簽樣式去掉其陰影效果”吧!

成都創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、白沙黎族網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5響應式網(wǎng)站、電子商務商城網(wǎng)站建設、集團公司官網(wǎng)建設、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為白沙黎族等各大城市提供網(wǎng)站開發(fā)制作服務。

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標簽樣式去掉其陰影效果”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

文章標題：css怎么控制水平衡線hr標簽樣式去掉其陰影效果-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://www.ekvhdxd.cn/article4/ccshoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、服務器托管、關鍵詞優(yōu)化、企業(yè)建站、網(wǎng)站維護、電子商務

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

午夜无码人妻aⅴ大片色欲张津瑜,国产69久久久欧美黑人A片,色妺妺视频网,久久久久国产综合AV天堂

css怎么控制水平衡線hr標簽樣式去掉其陰影效果-創(chuàng)新互聯(lián)