比較好看的css 自定義樣式(標題 h1 h2 h3)
這篇文章主要介紹了比較好看的css 自定義樣式(標題 h1 h2 h3),需要的朋友可以參考下 |
效果圖
部落格園中常用的樣式
/*標題h1 h2 h3樣式*/ #content { color: black; font: 0.875em/1.5em"微軟雅黑", "PTSans", "Arial", sans-serif; font-size: 16px; } #content h1 { background: #2B6695; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family:"微軟雅黑", "宋體", "黑體", Arial; font-size: 18px; font-weight: bold; height: 25px; line-height: 25px; margin: 18px 0 !important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } #content h2 { background: #2B6600; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family:"微軟雅黑", "宋體", "黑體", Arial; font-size: 15px; font-weight: bold; height: 24px; line-height: 23px; margin: 12px 0 !important; padding: 5px 0 5px 10px; text-shadow: 2px 2px 3px #222222; } #content h3 { background: #5B9600; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family:"微軟雅黑", "宋體", "黑體", Arial; font-size: 13px; font-weight: bold; height: 24px; line-height: 20px; margin: 12px 0 !important; padding: 5px 0 5px 10px; text-shadow: 2px 2px 3px #222222; }
按鈕樣式
css
/*推薦/反對 按鈕*/ #div_digg { position:fixed; bottom:10px; width:140px; right:390px; border:2px solid #6FA833; padding:10px; background-color:#fff; border-radius:5px 5px 5px 5px !important; box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); }
以上就是比較好看的css 自定義樣式(標題 h1 h2 h3)的詳細內
原文地址: https://www.linuxprobe.com/custom-css-style.html
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31559985/viewspace-2684508/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS自定義滑鼠指標樣式CSS指標
- 解決國外模板h1、h2、h3…不顯示中文文章標題的問題
- css Cursor:url()自定義滑鼠指標樣式為圖片CSS指標
- cmp是可選的自定義比較函式函式
- 自定義 ActionBar 標題與選單中的文字樣式
- 自定義ActionBar標題與選單中的文字樣式
- stl中各種容器的自定義比較函式函式
- pixi.js 自定義游標樣式JS
- 「HTML+CSS」--自定義按鈕樣式【004】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【003】HTMLCSS
- [HTML/CSS]uploadify自定義按鈕樣式HTMLCSS
- [C++] 自定義C++比較器比較大小C++
- c/c++ 標準庫 set 自定義關鍵字型別與比較函式C++型別函式
- 「HTML+CSS」--自定義按鈕樣式【001】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【002】HTMLCSS
- CSS自定義滑鼠指標CSS指標
- 自定義Toast樣式AST
- tld自定義標籤系列--使用body-content的作用--比較有用
- RowFish -- 開源一款比較好看的docusaurus主題
- css自定義單選按鈕的樣式程式碼例項CSS
- 如何自定義 drag 樣式
- mui toast自定義樣式UIAST
- 自定義 checkbox 樣式
- 自定義dialog樣式
- Qt Charts 自定義樣式QT
- Css實現checkbox及radio樣式自定義CSS
- Houdini - 建立自定義的button樣式
- 好看的表單HTML+CSS樣式,可直接執行HTMLCSS
- PHPCMS自定義表單樣式PHP
- android自定義button樣式Android
- JAVA中的Comparable介面和自定義比較器Java
- css3自定義滾動條樣式程式碼例項CSSS3
- CSS層疊樣式表——定義樣式表CSS
- IE CSS Bug系列:自定義游標BugCSS
- Python 中 sorted 如何自定義比較邏輯Python
- Android 自定義標題欄Android
- CefSharp自定義捲軸樣式
- Flex SDK 4(Gumbo)更方便的自定義樣式、自定義SparkSkin(二)薦FlexSpark