比较好看h1 h2 h3的css自定义样式
效果图
博客园中常用的样式
/*标题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);
}
(资源库 www.zyku.net)
栏 目:HTML/Xhtml
本文地址:https://www.zyku.net/xhtml/2122.html
您可能感兴趣的文章
- 05-11修改CSS样式实现网页变灰色/黑白代码的几个方法整理
- 02-28CSS样式等比例控制图片大小
- 11-21HTML h1 到 h6 标签
- 01-13iphone13怎么设置画中画
- 02-07华为nova8皮套模式开启方法
- 01-09学护理-学护理应用软件功能介绍
- 01-11Ready4FCE-Ready4FCE应用软件功能介绍
- 02-11Python利用folium实现地图可视化
- 01-12Flipagram-Flipagram应用软件功能介绍
- 02-18MongoDB远程访问配置步骤详解
- 02-20PHP开发工具ZendStudio下Xdebug工具使
- 12-07鸿蒙系统怎样进行镜子测肤
- 01-12阿游OK-阿游OK应用软件功能介绍
- 01-12易来出行-易来出行应用软件功能介绍
- 04-06红米k40隐私空间进入方法
- 09-15网易云音乐一起听和好友对话教程介绍
- 01-19开心抓娃娃-开心抓娃娃应用软件功能介
- 09-24闲鱼校园圈有什么用
- 10-14realmegtneo2怎么反向充电
- 11-02notability设密码教程介绍
最近更新
阅读排行
猜你喜欢
- 06-18帝国CMS7.5版动态页新增缓存,让动态模
- 02-24一加9r手机开启来电闪光灯设置方法
- 08-14华为耳机查找定位教程一览
- 02-26帝国CMS二次开发常见问题
- 02-18详细解读PHP的Yii框架中登陆功能的实
- 12-25布谷健康-布谷健康应用软件功能介绍
- 03-19索尼xm3连接手机蓝牙方法
- 09-15Linux中ls命令只显示文件或者文件夹列
- 02-05opporeno5私密照片查看方法
- 09-19青柠手账账号如何绑定微博