精华内容
下载资源
问答
  • div边框设置

    千次阅读 2013-04-25 10:54:59
    彩色边框 :这里使用的是蓝色"blue" 日志文字 二.双线边框:这里使用的是"red" 日志文字 三.滚动边框 :这里的颜色比较复杂 大家可以把代码复制下来后试 style='  color: #336699;...

    一.彩色边框 :这里使用的是蓝色"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 边框粗细

    展开全文
  • 【css】 div边框设置

    2014-08-19 16:19:01
    彩色边框 :这里使用的是蓝色"blue" 《div STYLE="border-style:solid;border-width:5pt; border-color:颜色">日志文字 二.双线边框:这里使用的是"red" 《div STYLE="border-style:Double;border-width:5pt; ...

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

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


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

    《div STYLE="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)边框样式

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

    其他的可能还可以用

    以后我再增加

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

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

     

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

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

    大家可以在网上找

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

    一样开启发表日志的选项

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

    右下方就为颜色代码

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

     

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

    展开全文
  • div 边框 边距设置

    2020-03-29 15:57:55
    1、上面是input框 padding-bottom设置,F12可直接在右侧调试查看效果。...3、再来看看border边框设置效果: 4、对于容器在浏览器的位置是绝对的还是相对的、还是静止的,可以通过position进行设置啦。 ...

    1、input框 padding-bottom的设置,按F12可直接在右侧调试查看效果。
    在这里插入图片描述在这里插入图片描述2、div是最常见的容器了,图中看一下它的参数500x50,这里任意设置上边距padding-top:30,看下效果:
    在这里插入图片描述
    在这里插入图片描述
    3、再来看看border边框设置效果:
    在这里插入图片描述4、对于容器在浏览器的位置是绝对的还是相对的、还是静止的,可以通过position进行设置啦。

    展开全文
  • 设置div边框样式

    千次阅读 2017-02-12 23:18:35
    设置div边框样式: /*设置边框的方式:*/ 1. border:1px solid red; 2. border-width:1px;边框的粗细 border-style: solid;边框的风格 border-color: red;边框的颜色 3. border-left:1px solid red;border...

    设置div边框样式:

    /*设置边框的方式:*/

    1.
    border:1px solid red;
    2.
    border-width:1px;边框的粗细
    border-style: solid;边框的风格
    border-color: red;边框的颜色
    3.
    border-left:1px solid red;border-right:1px solid blue;border-top:1px solid green;border-bottom:1px dotted grey;


    线/边框的样式:
    none:无样式;dotted:点线;dashed:虚线;solid:实线;

    double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸



    div{padding:20px;width:10px;background:red;color:#fff}

    (padding和margin的区别:当盒子没有宽高时padding可以叠加到盒子的宽高中,而margin不行,除非盒子有内容)


    盒子正真的宽度=本身的宽度+左边距+右边距+左边框+右边框;
    盒子正真的高度=本身的高度+上边距+下边距+上边框+下边框;
    展开全文
  • DIV边框样式设置

    千次阅读 2010-06-23 10:52:00
    DIV边框样式设置 1. 外凸边框: 效果: 日志文字 代码: <div style="BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; BACKGROUND: #ffffff; BORDER-LEFT: 3px outset; ...
  • 1. 外凸边框:效果:日志文字代码:日志文字代码说明:蓝色部分为可修改部分,一一说明:四个2表示凸起边框的宽度,用1的话不太明显,2或3比较合适;四个outset表示边框类型为"凸起",如果都改成inset或者double,就...
  • webform div边框设置

    2017-03-15 15:09:00
    设置div边框为内边框:box-sizing:border-box; 转载于:https://www.cnblogs.com/baimangguo/p/6554318.html
  • 日常进行页面布局的时候,经常需要设置DIV,显示DIV边框有助于调整它的大小和位置,margin和padding有助于调整DIV的位置(灵活使用-number可以得到意想不到的效果,例如将2个不同控件的距离重叠、拉近或上下位置颠倒)...
  • div 边框

    2019-10-02 00:26:16
    1、四个边框border-left设置左边框,一般单独设置边框样式使用border-right设置右边框,一般单独设置边框样式使用border-top设置边框,一般单独设置边框样式使用border-bottom设置下边框,一般单独设置下...
  • DIV圆形边框设置

    2013-04-09 18:28:09
    div 样式 title > < style type = "text/css" > <!-- .test { background-color : gray ; width : 300px ; display : inline-block ; padding : 5px 10px 6px ; text-...
  • 上面的例子是设置DIV边框成统一的风格,如果要修改某个边框为其它类型的,应该如何设置呢,比如设置上边框为虚线? 如下图,上边框就成为虚线了! 在此就不贴图了,直接帖出CSS代码: 好了,实例就介绍到这个地方。 ...
  • 简单的CSS设置div边框样式

    千次阅读 2015-01-29 14:08:30
    今天工作干完了,想到前几天一个CSS新手让我帮他美化一下他的Div边框,索引想到不如写一个CSs小教程 ,帮助更多的CSs新手学会以如何用CSS来美化网页上的边框,不只是Div,其实其它元素的美化方法和Div是一样的,下面...
  • <div class="divIn" id="box">秒围垦唐1</div> <div class="divIn" id="box">秒围垦2唐</div> <div class="divIn" id="box">秒围垦唐3</div> </div> background与font 总结: 1 、background  background-p_w...
  • 我们利用CSS通过class来设置e69da5e6ba9062616964757a686964616f31333366306433div边框。2.创建一个用于设置边框的CSS文件,对于您实际开发中,将边框添加到您的CSS文件中即可。3.在CSS文件中设置DIV边框,首先...
  • 如果没有设置圆角则会显得比较方正 通过设置border-radius可以让边角变得圆润 ...如果设置border-radius为50%则可以让宽高相等的div变成圆形 当然也可以设置某一部分,比如border-top-left-radius设置左上角 ...
  • 无标题文档.divCen{width:200px;... /*div居中*/background-color:#333333;color:#FFFFFF;line-height : 30px;}.divIn{border-bottom : dotted 1px #FFFFFF;margin-left:4px;}秒围垦唐1秒围垦2唐秒围垦唐3b...
  • div边框

    千次阅读 2013-05-22 09:52:38
    div边框样式设置 border:1px solid #FF0000; 表示4条边都是1像素直线边框,红色。 1px表示边框宽度,solid表示直线(虚线可以用dashed),#FF0000是颜色值(这个不用我多说了吧) 如果要定义4条边都不一样,...
  •  在写的时候遇到了一点小小的问题:无法给同一个div设置圆角的透明+渐变边框。但是,又不能不做是不是,费了一番心思查资料,下面是解决方案:  1、分成两个div叠加的形式 <!DOCTYPE html> &l...
  • 展开全部css3有一种新功能就是给62616964757a686964616fe59b9ee7ad9431333337613766div或者是图片等圆角,圆角代码怎么写你知道吗,作为一个经常写css的网站制作者,今天跟大家分享一下css圆角边框代码,当然图片...
  • 无标题文档.divCen{width:200px;... /*div居中*/background-color:#333333;color:#FFFFFF;line-height : 30px;}.divIn{border-bottom : dotted 1px #FFFFFF;margin-left:4px;}秒围垦唐1秒围垦2唐秒围垦唐3b...
  • div设置边框

    2008-08-19 15:36:29
    为层设置虚线边框 为层设置实线边框
  • div居中+边框设置

    千次阅读 2016-07-21 10:21:44
    1.div居中 { margin-left:auto; magin-right:aout } 2.边框设置 { border:3px solid blue } 注:没有逗点
  • border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; ...加入div中即可 转载于:https://www.cnblogs.com/hwaggLee/p/4544780.html...
  • 设置div边框为内边框:box-sizing:border-box; 转载于:https://www.cnblogs.com/qq450867541/p/6445930.html
  • html如何设置div边框颜色边框颜色样式边框颜色样式设置缩写简化 边框颜色样式 border-color:#000(设置4边边框颜色为黑色) border-color:+颜色值,即可设置对象边框颜色 border-left-color:#000 设置左边框颜色为...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,094
精华内容 837
关键字:

div边框设置