- 浏览: 1723238 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (337)
- javaScript校验 (11)
- java (31)
- java连接数据库 (1)
- js应用 (41)
- JQuery (15)
- linux操作命令 (12)
- loadrunner测试 (5)
- tomcat (18)
- 数据库 (12)
- eclipse (7)
- 触发器 (7)
- 表单 (3)
- ibatis (6)
- oracle (4)
- xml (1)
- Exception (6)
- spring (16)
- struts (4)
- struts 标签 (2)
- sql (8)
- sql server (6)
- 其它 (18)
- Apache (2)
- 电脑故障 (4)
- java 线程 (1)
- dwr (8)
- jackey (18)
- 总结 (34)
- gcc linux (2)
- extjs 学习 (5)
- 网站建设 (4)
- 健康 (2)
- 房地产知识 (1)
- hibernate (3)
- mysql (7)
- linux (13)
- svn (1)
最新评论
-
阳光泛滥的日子:
很好用谢谢
java.net.URISyntaxException的解决办法 -
linjianqing:
现在有更好的处理方式吗?我正也为这发愁
applet访问打印机出现的问题 -
ruyi574812039:
非常感谢您的总结!想问几个问题!假设三个项目分别以静态部署的三 ...
在Tomcat中部署Web程序的几种方式 -
yangguo:
太j8麻烦了
Spring3.1中使用缓存注解及Shiro的缓存联合 -
bellawang:
很好用谢谢
java.net.URISyntaxException的解决办法
立体线框代码稍加润色后的效果:
<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
border-bottom-style:Ridge;border-width: 7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>
效果如框内所示,是带背景色(熏衣草色)的浮出。
代码配色后的效果如下:
<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffc0cb">文字</DIV></DIV>
背景为粉红色,效果如框内所示。
<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV></DIV>
背景为桃色,效果如框内所示。
<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffdead;">日志文字
</div></div>
使用上述语法将会为你呈现一个NAVAJO白底色红边框的浮出线效果背景,效果如框内显示。
<div style="border:1px dashed #990033;">文字内容</div>
1,代码说明:
border 后面的数字是指边框的粗细,
dashed 指边框样式,
#000000 为边框颜色。
可以自己更换数字改变边框粗细,和颜色。多试几次!
可以参照∶颜色代码表 (颜色代码表转自"奔跑"博客)
2,代码使用方法∶
进入发表文章点击「显示源代码」
将选择的边框代码贴入
勾掉「显示源代码」
可以在代码中写字
也可以直接在边框中写字或贴图。
小白菜附几种边框颜色代码:
#FF4500 | #FF4040 | #FF3E96 | #FF34B3 | ||||
#FF3030 | #FF1493 | #FF00FF | #FF0000 |
#A9A9A9 | #A8A8A8 | #A6A6A6 | #A52A2A | ||||
#A4D3EE | #A3A3A3 | #A2CD5A | #A2B5CD | ||||
#A1A1A1 | #A0522D | #A020F0 | #9FB6CD | ||||
#9F79EE | #9E9E9E | #9C9C9C | #9BCD9B | ||||
#9B30FF | #9AFF9A | #9ACD32 | #9AC0CD | ||||
#9A32CD | #999999 | #9932CC | #98FB98 | ||||
#98F5FF | #97FFFF | #96CDCD | #969696 | ||||
#949494 | #9400D3 | #9370DB | #919191 |
#0F0F0F | #0D0D0D | #0A0A0A | #080808 | ||||
#050505 | #030303 | #00FFFF | #00FF7F | ||||
#00FF00 | #00FA9A | #00F5FF | #00EEEE | ||||
#00EE76 | #00EE00 | #00E5EE | #00CED1 | ||||
#00CDCD | #00CD66 | #00CD00 | #00C5CD | ||||
#00BFFF | #00B2EE | #009ACD | #008B8B | ||||
#008B45 | #008B00 | #00868B | #00688B | ||||
#006400 | #0000FF | #0000EE | #0000CD | ||||
#0000AA | #00008B | #000080 | #000000 |
发表评论
-
JS 中的 style.width
2009-09-01 17:59 3376JS 中的 style.width 2009-08-28 1 ... -
js截取固定长度的中英文字符
2008-11-26 14:16 6249js虽然提供了计算字符串所占字节数的函数,但是却不能正确计算汉 ... -
JavaScript中的escape() 函数
2008-11-26 13:51 1985<script type="text/jav ... -
js option删除代码集合
2008-11-25 13:52 2247javascript删除option选项的多种方法,方便大家选 ... -
相当难得的js option 参考
2008-11-25 13:50 4007This is an option box: <form ... -
移动(增加删除)option
2008-11-25 13:33 1096PHP代码: <!DOCTYPE html ... -
HTML中meta标签用法详解
2008-10-08 13:04 1892meta是html语言head区的一 ... -
网页中多媒体的播放代码大全
2008-10-08 12:55 1865<embed src="在此替 ... -
播放器代码大全
2008-10-08 12:54 21831.avi格式 <object id="vi ... -
div+css实现圆角边框
2008-10-08 11:53 2589div+css实现圆角边框,在网络上查看了一下,很多都是实现圆 ... -
JS常用语句
2008-10-08 11:26 14021.document.write( " " ... -
怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
2008-10-08 10:59 6859方法一 <style type="text/c ... -
div 让文字或图片居中
2008-10-08 10:52 4192在div 中让 文字或图片居中,请参考以下代码1: - - - ... -
setInterval("",1000) 和setTimeout(,3000);的使用
2008-10-08 10:50 3073应用代码一: <html xmlns=" ... -
js函数window.open()的使用
2008-10-08 09:22 3707在javascript中,有一个函数 window.open( ... -
40种网页常用小技巧(JavaScript)
2008-10-08 09:12 16231. oncontextmenu="wi ... -
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2008-10-07 18:07 2577既判断浏览器,也判断 ... -
JS 判断浏览器类型(是否使用IE,Firefox,Opera浏览器)
2008-10-07 17:59 12452关键字:JS 判断浏览器(是否使用IE,Firefox ... -
js判断浏览器类型
2008-10-07 17:56 2324function btnlogin(){ if(nav ... -
navigator.userAgent.indexOf来判断浏览器类型
2008-10-07 17:43 11882<script language="Jav ...
相关推荐
鼠标 点击 移动 DIV 边框 动态效果,点击触发,div沿边框画线动态效果。 鼠标 点击 移动 DIV 边框 动态效果,点击触发,div沿边框画线动态效果。 鼠标 点击 移动 DIV 边框 动态效果,点击触发,div沿边框画线动态...
又一个CSS DIV圆角边框代码,同样是把图片来修饰成的圆角特效,兼容IE8/火狐、Chrome等浏览器,由测试截图可看出,本实例实现上边左右两个角的圆角效果,下边则是直角,需要的朋友,自己动动手,修改一下CSS,可实现...
两种实现方法一种是利用内外层的div边框来实例层次感觉的css边框阴影效果,另一种是利用了背景图片再加内外div来实现的这种效果更漂亮。 简单一点的纯css 复制代码代码如下: <head> ”content-type”content ...
附件提供两种效果,一种是可以左右拉动div边框,一种是支持上下拉动DIV边框。懒人之家推荐下载
我们在写div+css代码的时候,肯定会涉及颜色代码,比如我们背景颜色,边框颜色,字体颜色等,那么几百种上千种颜色代码,我们肯定是记不住的,没有关系,已为你整理好,你到用的时候可以直接把你需要颜色代码直接...
鼠标放到div搭建的框下,DIV框出现不断抖动效果,鼠标移走后抖动消失。 适合用在一些需要特别注意的内容部分
很方便的,你注意你的表格的边框了吗?它们达到一般网页的效果嘛,看看这个,希望你有所收获.
div css圆角代码各种圆角表格_圆角边框css圆角
css 圆角边框的出现结束了传统使用圆角图片的时代,接下来与大家分享下div 边框圆角的实现,感兴趣的你可以参考下哈,希望对你有所帮助
css+div实现各种常见边框(大括号、小括号、圆形括号等) 1、完整的代码示例,清晰简单; 2、效果示例图,轻松可见
黑色虚线边框[code/]实例: CSS代码: [code].divcss5{border:1px dashed #000; height:50px;width:350px} Html代码:复制代码代码如下:<div class=”divcss5″>我的四边为黑色虚线边框</div> 这里设置边框缩写方式
div的边框是可以显示不同效果的,通过css的border属性便可轻松实现,下面有个不错的示例,喜欢的朋友可以参考下
代码精简,10行以下代码,即实现了隐藏、打开左侧栏
DIV+CSS 斜线效果很简单,只需设置一下CSS Border 的边框就能有斜线效果。代码分享给大家,你可以自己变通。提示要注意两点:1、DIV宽高的定义。2、DIV在 IE6 中默认是有高度的。 上图右边是我们要实现的效果,代码...
复制代码代码如下: <!DOCTYPE HTML> <html> <head> <title>CSs阴影框,Div阴影</title> <style type=”text/css”> *{ margin:0; padding:0; border:0; } body{ padding:4em; font...
超多CSS Div圆角特效代码集,有DIV圆角,圆角菜单、圆角列表、圆角混合布局、圆角图片边框等,一共有10款圆角框效果,全部兼容ie8、火狐或Chrome浏览器,没有用到CSS3,传统CSS技术实现,是学习CSS的好资料。
具体代码如下所示: html代码是这样的 <div class=arrow-up> <!--向上的三角--> </div> <div class=arrow-down> <!--向下的三角--> </div> <div class=arrow-left> <!--向左的三角--> </div> ...
要多少边框直接嵌套多少个带边框的DIV元素不就行了么! 是的,这样确实简单粗暴,但是也会因此产生很多毫无实际意义的元素。 事实上,要实现同样效果,一个元素足矣! 接下来我将给大家分享单元素如何实现多重边框...
黑白边框样式HTML模板是一款简洁黑白线条搭配的HTML网站模板下载。