免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

css怎么設置橫線的陰影

css設置橫線陰影的方法：1、給元素添加“width:橫線長度值;height:橫線粗細值;background:橫線顏色”樣式來繪制橫線；2、給橫線元素添加“box-shadow:水平陰影位置 垂直陰影位置;”樣式設置橫線元素的陰影即可。

成都創新互聯專業為企業提供公安網站建設、公安做網站、公安網站設計、公安網站制作等企業網站建設、網頁設計與制作、公安企業網站模板建站服務，十載公安做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

css怎么設置橫線的陰影

在之前的文章《如何使用css繪制橫線豎線》中我們講到了怎樣去通過css畫橫線，下面我們來看一下怎樣給橫線添加陰影。

在css中，可以利用box-shadow屬性設置橫線的陰影，box-shadow 屬性向框添加一個或多個陰影。

語法為：

box-shadow: h-shadow v-shadow blur spread color inset;

其中：

示例如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .div1{ width:200px; height:3px; background-color:#000; box-shadow: 10px 5px 5px #888888; } </style></head><body><div class="div1"></div></body></html>

輸出結果：

（學習視頻分享：css視頻教程）

分享文章：css怎么設置橫線的陰影
URL網址：http://m.newbst.com/article22/cppsjc.html

成都網站建設公司_創新互聯，為您提供服務器托管、小程序開發、自適應網站、全網營銷推廣、網頁設計公司、虛擬主機

廣告

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

成都app開發公司