亿青佳华太阳能:几款凸感边框代码

来源:百度文库 编辑:中财网 时间:2024/05/10 11:19:05
来源:由 怡爽 摘自 - 武克的日志
几款凸感边框代码
一、颜色背景、固定宽度的凸感边框:
代 码




日志内容


效 果
日志内容
二、图片背景、固定宽度的凸感边框:
代 码




日志内容


效 果
日志内容
三、透明背景、最大化宽度的凸感边框:
代 码




日志内容


效 果
日志内容
四、透明背景、弹性化宽度的凸感边框:
代 码





日志内容




效 果
日志内容
总  说 明
1、代码中 BORDER-RIGHT: 表示右边框;BORDER-TOP: 表示上边框;BORDER-LEFT: 表示左边框;BORDER-BOTTOM: 表示下边框。数值15px为边框线的宽度,可调整。 ridge 表示为脊线立体效果边框,也可以调整为:Solid 简单单线边框;Double 简单双线边框;Groove 沟线立体效果边框;Inset 嵌入线立体效果边框;Outset 浮出线立体效果边框。
2、BACKGROUND-COLOR: 表示边框内背景颜色;background=边框内背景图片。
3、width=600为边框的固定宽度,可调整。
4、第四款边框“日志内容”输入的地方,其边框宽度随着内容的增多,会自动逐渐放大。