box-shadow 繪製邊框
通常情況下繪製元素邊框使用border屬性。
如果在視覺上實現邊框效果,也可以使用box-shadow屬性。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .ant { width: 200px; height: 100px; margin: auto; box-shadow: inset 0 0 0 1px rgba(105, 202, 98); } </style> </head> <body> <div class="ant"></div> </body> </html>
上面程式碼為div元素繪製了一個視覺上的綠色邊框。
box-shadow屬性參閱CSS3 box-shadow一章節。
相關文章
- Three.js之繪製物體的邊框及修改lineWidthJS
- canvas繪製矩形框Canvas
- 資料視覺化之模組邊框繪製,以及元件開發(一)視覺化元件
- matlab繪製正多邊形Matlab
- CSS 邊框陰影立體邊框CSS
- canvas繪製圓形框效果不填充內部Canvas
- 如何用SPSS繪製頻率多邊形圖SPSS
- Dreamweaver製作虛線邊框教程,Dreamweaver怎麼製作虛線表格?
- CSS border邊框CSS
- 百度地圖繪製多邊形區域地圖
- Godot 字型邊框shaderGo
- 無邊框 Button 【WPF】
- 0.5 px的邊框
- Button去除邊框方法
- 【OpenXml】Pptx的邊框虛線轉為WPF的邊框虛線XML
- 小程式中button的邊框無法去除 button邊框如何去除
- R語言中ggplot繪圖繪製L型圖形,並設定框線的粗細R語言繪圖
- 百度地圖開發-繪製點線提示框 07地圖
- AntV G6 關於多邊繪製的解決方案
- css圓角矩形邊框CSS
- CSS 3半透明邊框CSS
- View的繪製二:View的繪製流程View
- Flutter自定義繪製(1)- 繪製基礎Flutter
- CSS border-radius 帶邊框CSS
- CSS實現流動邊框CSS
- 教你玩轉CSS border(邊框)CSS
- table 設定合併邊框
- 【叢林】CSS 邊框淺談CSS
- CSS 邊框動態環繞CSS
- 繪製影象
- 繪製文字
- 繪製流程
- 使用joinjs繪製流程圖(五)-流程圖繪製JS流程圖
- Matlab | 儲存影像無白色邊框。Matlab
- css揭祕 - 背景與邊框 [一]CSS
- CSS的秘密——背景和邊框(下)CSS
- CSS 奇思妙想邊框動畫CSS動畫
- css設定四角邊框CSS