div css 立体效果,定义CSS样式圆角有立体感的DIV边框

圆角边框

#sash_left { width:430px; float:left; }

#sash_left ul { text-align:left; vertical-align:middle; padding-left:75px; }

#sash_left ul li { line-height:16px; margin:2px 0; }

.b1, .b2, .b3, .b4 { font-size:1px; overflow:hidden; display:block; }

.b1 { height:1px; background:#AAA; margin:0 5px; }

.b2 { height:1px; background:#E0E0E0; border-right:2px solid #AAA; border-left:2px solid #AAA; margin:0 3px; }

.b3 { height:1px; background:#E3E3E3; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 2px; }

.b4 { height:2px; background:#E6E6E6; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 1px; }

.contentb { height:186px; background:#E9E9E9; border-right:1px solid #AAA; border-left:1px solid #AAA; }

JavaScript/CSS特效代码

本代码来自烈火网，更多教程请访问：http://www.veryhuo.com/

提示：可修改后代码再运行!

div css 立体效果,定义CSS样式圆角有立体感的DIV边框相关推荐

html 边框立体效果,CSS圆角有立体感的DIV边框
圆角边框 #sash_left { width:430px; float:left; } #sash_left ul { text-align:left; vertical-align:middle; ...
html如何实现立体效果,纯css实现立体摆放图片效果的示例代码
1.元素的 width/height/padding/margin 的百分比基准设置一个元素 width/height/padding/margin 的百分比的时候,大家可知道基准是什么? 举个栗 ...
html如何实现立体效果,纯css实现立体摆放图片效果的实例代码
1. 元素的 width/height/padding/margin 的百分比基准设置一个元素 width/height/padding/margin 的百分比的时候,大家可知道基准是什么? 举 ...
网站开发进阶(七十）：CSS 实现圆角有立体感的 DIV 边框
文章目录一.前言二.原理介绍 2.1 盒子阴影 box-shadow 三.拓展阅读一.前言网站开发过程中,若页面整体背景为白色,其中的页签元素若使用普通的样式,整个页面看上去就会比较呆板.平面 ...
html5边框有圆弧,CSS圆角有立体感的DIV边框
圆角边框 #sash_left { width:430px; float:left; } #sash_left ul { text-align:left; vertical-align:middle; ...
html 按钮立体效果,纯CSS实现的立体按钮
CSS 语言: CSSSCSS 确定 body{ background: #35393d; } .controls_ui{ width: 300px; margin: 40px auto; } .bu ...
css 蒙版效果_CSS蒙版的过渡效果
css 蒙版效果 View demo 查看演示 Download Source 下载源 Today we'd like to show you how to create an intriguingl ...
css是什么和css选择器
css意思为层叠样式表(层叠性),用于控制网页样式 css作用:1.弥补html语言的不足.2.缩短页面代码,加快访问速度.3代码减少,页面文件就会小,占用网络宽度少,打开速度变快,提高用户体验. c ...
26.纯 CSS创作按钮被从纸上掀起的立体效果
26.纯 CSS创作按钮被从纸上掀起的立体效果原文地址:https://segmentfault.com/a/1190000014930183 感想:主要2D和3D转换.阴影效果. HTML代码: ...

div css 立体效果,定义CSS样式圆角有立体感的DIV边框

div css 立体效果,定义CSS样式圆角有立体感的DIV边框相关推荐

最新文章

热门文章