div边框设置

来源:互联网 发布:绘画软件人体app 编辑:程序博客网 时间:2024/06/05 04:07

一.彩色边框 :这里使用的是蓝色"blue"

<div STYLE="border-style:solid;border-width:5pt; border-color:颜色">日志文字</div>

二.双线边框:这里使用的是"red"

<div STYLE="border-style:Double;border-width:5pt; border-color:颜色">日志文字</div>

三.滚动边框 :这里的颜色比较复杂

大家可以把代码复制下来后试

<DIV align=left
style='
color: #336699;
background-color:#dcdcdc;
border: solid 3px blue;
width: 450px;
height: 150px;
overflow: scroll;
scrollbar-face-color: #ffd700;
scrollbar-shadow-color: #e0ffff;
scrollbar-highlight-color: #fa8072;
scrollbar-3dlight-color: #ff0000;
scrollbar-darkshadow-color: #afeeee;
scrollbar-track-color: #ffb6c1;
scrollbar-arrow-color: #e6e6fa;
'>日志文字</DIV>

四.立体边框
<div STYLE="border-style:groove;border-width:5pt; border-color: green
">日志文字</div>

说明:

1.Border-left-style:solid (double, groove, ridge, inset, outset)边框样式

除了上面的四种是我现在在这里试验可以用的

其他的可能还可以用

以后我再增加

基本上就是直接修改以下代码

<div STYLE="border-style:式样;border-width:框的高度pt; border-color: 颜色">日志文字</div>

 

2.Border-left-color: #xxxxxx边框颜色

颜色的代码我这里就暂时不提供了

大家可以在网上找

不过提供一个找代码的方法

一样开启发表日志的选项

在文字颜色的地方选取更多颜色后

右下方就为颜色代码

但是要特别注意"#"不要忘记了哦

 

3.Border-left-width: 数字pt 边框粗细


原帖地址:http://blog.csdn.net/fengsky491/archive/2008/04/25/2328431.aspx