【css】 div边框设置

一．彩色边框：这里使用的是蓝色"blue"

《divSTYLE="border-style:solid;border-width:5pt;border-color:颜色">日志文字

二．双线边框：这里使用的是"red"

《divSTYLE="border-style:Double;border-width:5pt;border-color:颜色">日志文字

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

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

 

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 STYLE="border-style:groove;border-width:5pt; border-color:green
">日志文字

说明：

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

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

其他的可能还可以用

以后我再增加

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

《divSTYLE="border-style:式样;border-width:框的高度pt; border-color:颜色">日志文字

 

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

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

大家可以在网上找

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

一样开启发表日志的选项

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

右下方就为颜色代码

但是要特别注意＂＃＂不要忘记了哦

 

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