<html>
<head>
<style>
#div1{ //通过id实现
width:300px;
height:30px;
border:10px solid #f00;
marign:0 auto;
}
</head>
<body>
<div id='div1' class='div1'>
<p>我的位置</p>
</div>
</body>
</html>1div上边加1px黑色边框\x0d\div{border-top:1pxsolid#000}\x0d\\x0d\2给div底部加边框\x0d\div{border-bottom:2pxdashed#F00}\x0d\\x0d\3在div盒子左侧加边框\x0d\divcss5{border-left:1pxsolid#00F}\x0d\DIV代码:\x0d\此DIV盒子左侧为1px实线蓝边框\x0d\\x0d\4在盒子div右侧加边框\x0d\div{border-right:1pxsolid#F00}\x0d\\x0d\5在盒子上下加边框\x0d\div{border-top:1pxsolid#000;border-bottom:1pxsolid#000}\x0d\\x0d\6给div盒子左右加边框\x0d\div{border-left:2pxdashed#0F0;border-right:2pxdashed#0F0}\x0d\\x0d\7给一个DIV四边加上3px实现黑色边框\x0d\\x0d\div{border:3pxsolid#000}块级区域里的颜色设置,一般只有
边框
和
背景色
两种边框的颜色就是你列出的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> 恩,都有刚起步的时候,希望你的过程可以很顺利吧
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)