DIV+CSS定义滚动条样式,实现内嵌效果_html/css_WEB-ITnose
今天忽然想起我的博客签名要更新了,但是我也想保留历史签名,于是参考了淘宝的一些装修的店铺,修改了一下CSS,做了个漂亮的DIV+CSS的滚动条,实现了内嵌的效果。不用iframe的。
CSS代码如下
#about { float: left; display: inline; margin-top: 30px; width: 500px; font-size: 14px; }
#about p { color: #FFF; font-size: 14px; line-height: 1.4em; SCROLLBAR-FACE-COLOR: #666666; Z-INDEX: 1; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; MARGIN-LEFT: 2px; OVERFLOW: auto; WIDTH: 550px; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #f3e6a0; SCROLLBAR-DARKSHADOW-COLOR: #444444; HEIGHT: 80px; }
在网页中使用:
签名:
(2009-8-29)这个月很忙,老婆肚子大了,公司的工作量大了很多。幸亏现在住进新房子了,晚上在家里加班,可以轻松一点。一边看我的42寸LG液晶电视,一边跟客户聊天,也算有片刻的放松的。
---------------------------------------------------------------------------------------------------------
(2009-8-4)今年过得特别有意义,5月份结婚,6月份老婆说有了,7月份买了房子。好像一下子过了常人的几年时光。特别想记录这段日子发生的事情,于是我的tomgo博客又重开了。
效果请看我的博客的头部滚动条的签名.
推荐阅读
-
效果已经实现,但是固定宽度的,我想用100%定义,图片就显示不了。_html/css_WEB-ITnose
-
DIV+CSS定义滚动条样式,实现内嵌效果_html/css_WEB-ITnose
-
效果已经实现,但是固定宽度的,我想用100%定义,图片就显示不了。_html/css_WEB-ITnose
-
如何实现双击选中文本背景色自定义效果_html/css_WEB-ITnose
-
用尽量少的DIV 标签配合样式如何实现下面2图效果(不考虑兼容性,不允许使用图片或背景图)?_html/css_WEB-ITnose
-
如何实现双击选中文本背景色自定义效果_html/css_WEB-ITnose
-
jquery封装了一个简洁轻巧的可拖动可自定义样式的纯div+css带遮罩层的仿模态弹出框_html/css_WEB-ITnose
-
用尽量少的DIV 标签配合样式如何实现下面2图效果(不考虑兼容性,不允许使用图片或背景图)?_html/css_WEB-ITnose
-
DIV+CSS效果(实现平滑投票效果等)_html/css_WEB-ITnose
-
div+css关于边框样式的定义_html/css_WEB-ITnose