css問題匯集

2021-08-01 22:20:40 字數 1279 閱讀 4427

題目1、下面這個圖形，只使用乙個標籤，可以有多少種實現方式：

假設我們的單標籤是div：

div>定義如下css：


div
方法1：通過border實現這個應該是最容易想到了

div
方法二：利用偽類實現本題可以利用偽類元素輕鬆實現

div


::after
方法三：外box-shadow盒陰影box-shadow大部分人只是用來生成陰影，其實陰影可以有單側陰影、多重陰影、陰影不虛化，這就需要去了解box-shadow每個引數的具體作用。

div
方法四：內box-shadow盒陰影還有乙個引數inset，用於設定內陰影，也可以完成該效果：

div
方法五：drop-shadowdrop-shadow是css3新濾鏡filter中的乙個濾鏡，也可以生成陰影，不過它的引數只有3個，比box-shadow少乙個。

div
方法六：漸變靈活使用 css3 的漸變可以完成大量想不到的圖形，css3 的漸變簡單而言分為線性漸變和徑向漸變，本題使用線性漸變，可以輕易解題：

div
方法七：輪廓outline這個用的比較少，outline （輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。這個方法算是下下之選。

div


div::after
方法八：滾動條通過改變滾動條樣式實現

div


div::-webkit-scrollbar

Mac Book 問題匯集

1.由於插入的usb 轉接頭導致，usb轉介面帶有網線插口，機器預設網頁介面介面導致。解決方案 拔掉轉介面，連上wifi 再插入轉介面使用 2.可以是路由器的通道導致，美版港版的mba 通道是1 11，而國行是1 13，如果是美版機器，需要把路由器的通道修改到1 11之間 遇到問題 1.mac遠端桌...

linux Shell指令碼學習匯集的問題

linux指令碼 setenforce什麼意思 setenforce是linux的selinux防火牆配置命令 執行setenforce 0 表示關閉selinux防火牆。setenforce命令是單詞set 設定 和enforce 執行 連寫，另乙個命令getenforce可檢視selinux的狀...

日常遇見的docker問題匯集

場景 掛載路徑後，出現permission denied q1.docker v 對掛載的目錄沒有許可權 permission denied 原因 centos7中安全模組selinux把許可權禁掉了。有三種方法解決 1.在執行時加 privileged true 親測可行 2.臨時關閉selinu...