怎么用CSS来写DIV的内边框颜色 宽度?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用CSS来写DIV的内边框颜色 宽度?相关的知识,希望对你有一定的参考价值。

border:#FF0000 2px dashed; 这是表示边框的颜色。怎么用CSS来写DIV的内边框颜色 宽度?
border:#FF0000 2px dashed; 这是表示边框的颜色。

块级区域里的颜色设置,一般只有边框和背景色两种.边框的颜色就是你列出的border属性,而你所说的内边框,我没有理解是什么意思,臆测一下,可能是想说padding的颜色吗?padding的颜色是与块级区域的背景色一致的,其颜色不能做单独设置,所以感觉不满足你的要求吧,呵呵. 如果需要嵌套颜色效果,一般以容器的方式放置,比如说:<div style='border:5px solid #00ff00; padding:5px; background-color:#ff0000; width:200px; height:100px;'> <div style='background-color:#0000ff; width:100%; height:100%;'> 效果演示 </div></div> 恩,都有刚起步的时候,希望你的过程可以很顺利吧 参考技术A 多弄几个div设置其边框颜色即可,当然,如有有很多个内边框,用table更好 参考技术B 没有内边框外边框这一说法吧,只有边框。你是说内边距和外边距?

div
border:#FF0000 2px dashed;
参考技术C 很简单,html中DIV+CSS网页布局,你要了解DIV盒子模型。
例如:
<div class="test"></div>
.test
width:100px;
height:50px;
border:blue 2px dashed;
padding:2px;/*这里就是块元素的内边距了*/
background-color:red;/*这里你要设定这个元素的背景颜色,才能显示出内边距*/
参考技术D 这个啊,css不知道啊。没听说过。

div边框设置了颜色为啥显示不出来

#apDiv1
position:absolute;
width:200px;
height:115px;
z-index:1;
top:241px;
left:354px;
background: #999;
opacity:0.5;
border: 20px;
border-color: #39F;


</style>
</head>

<body>
<div id="apDiv1">2222</div>
</body>
</html>

<style>#apDiv1 
position:absolute;
width:200px;
height:115px;
z-index:1;
top:241px;
left:354px;
background: #999;
opacity:0.5;
border: 20px solid #39F;//=======================改这里

</style>
</head>
<body>
<div id="apDiv1">2222</div>
</body>
</html>追问

不行,写上solid连边框都没有了

追答

border:设置边框是css最最基本的,这个还能有错?下面蓝色部分不是边框吗?注意边框你写的是20px,不是2px。你看看20px多大。#39F就是蓝色。

20px下图:

2px下图:

追问

谢谢。 我solid与颜色之间打了冒号,所以显示不出。

参考技术A 边框和颜色都没有的话,可能是你句号用错了位置,请调试以下三种盒子的不同结果便知:
<div style="width:200px;height:100px;border:1px solid red.">
123内容
</div>
<div style="width:200px;height:100px;border:1px solid red">
123内容
</div>
<div style="width:200px;height:100px;border:1px solid red".>
123内容
</div>

以上是关于怎么用CSS来写DIV的内边框颜色 宽度?的主要内容,如果未能解决你的问题,请参考以下文章

CSS如何怎么设置div边框颜色宽度和高度?

div+css 边框渐变色怎么做啊?

如何用css定义div的边框颜色

div的边框宽度和边框颜色设置无效

如何用css使边框颜色渐变

css设置div只显示某一边的边框