關閉按鈕繪製

2021-09-27 04:01:30 字數 863 閱讀 3295

關閉按鈕可以用photoshop畫,然後存為。但在這裡,嘗試用css來繪製這個形狀,它的優點在於效果美觀,便於定製和修改,且具有向量縮放能力。

先定義乙個容器:

class

="close"

>

close mespan

>

然後,設定兩個偽元素,每個偽元素都是一條線,為了區分,加上白色和紅色。

接著,要形成「x」的效果,我們旋轉兩根線條:

旋轉後發現,白色線條向上偏移了一點,原因是,before和after兩個元素在y方向上有2畫素的偏差。只需要用translatey(-2px) 將紅色線條向上移動兩個畫素就行了:

最後再去掉顏色:

DrawFrameControl繪製按鈕

cdc類中的drawframecontrol函式,提供了在dc中繪製按鈕的方法,而不必採用動態建立按鈕的形式。函式原型如下 cpp view plain copy print booldrawframecontrol lprect lprect,uintntype,uintnstate 引數說明 l...

選單按鈕繪製

首先,使用乙個a元素來作為dom容器 href menua 對a元素做一些樣式設定 在這裡,我們要設定的選單要有三條橫線,然後我們在設計關閉按鈕時只能設定兩條橫線。因此,我們需要想其他的方法來設計三條直線 用box shadow屬性,將陰影的模糊值設為最小,並設定好陰影的spread尺寸,陰影就將呈...

窗體關閉按鈕

在我們平時用的程式中,有很多已經把窗體右上方的關閉按鈕的預設關閉改變了,當然,這其中有很多都是自己繪製,然後再寫進去 但如果想留用windows的自帶的那個按鈕也實現這個效果其實也是很簡單的。首先增加乙個窗體關閉事件 this.formclosing new system.windows.forms...