如何设置DIV中border的长度？

蛋疼哥 2010-09-10 09:40:14

例如有个100*100的DIV，我只要在某个边显示一条长50的border，如何实现？3Q..

...全文

39603 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

chalewen 2010-09-11

打赏
举报

chalewen 2010-09-11

打赏
举报

貌似只能设置宽，不能设置长。

<html>

<head>

<style>

body {

	background:#FFDAB9;

}

#div1 {

	background: #FFFFFF;

	border-left-color:red;

	border-left-style:solid;

	border-left-width:10px;

	height:100px;

	width:100px;

}

</style>

</head>

<body>

<div id="div1"> </div>

</body>

</html>

yttmg 2010-09-11

打赏
举报

的确是个好方法！但好像不敢用啊。

qingYun1029 2010-09-11

打赏
举报

[Quote=引用 2 楼 dalmeeme 的回复:]

直接设置边框长50px是不行的，可以在div中嵌套一个层，设置其边框以覆盖外层，配合相对定位：
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<……
[/Quote]

顶，只能模仿、假装！！！

willerce 2010-09-11

打赏
举报

没办法做，需要另行添加一个div层来显示！

走在风中 2010-09-11

打赏
举报

[Quote=引用 1 楼 bhbhxy 的回复:]
你确定是长50？不是宽？长好像没办法实现。。。
宽可以单独对每条边设置
border-top
border-left
border-right
border-bottom
分别对应上左右下
属性 50px solid #rgb
[/Quote]
如果只是设置某一个边的话，就用这个方法吧。

John1CSDN 2010-09-10

打赏
举报

设置div的宽度。
<div style="width:80px">text</div>

dalmeeme 2010-09-10

打赏
举报

直接设置边框长50px是不行的，可以在div中嵌套一个层，设置其边框以覆盖外层，配合相对定位：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 



"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<style>

#div1 {

    width:100px;

    height:100px;

    background:#999;

}

#border {

    position:relative;

    left:25px;

    top:0;

    width:50px;

    border-top:3px solid red;

}

</style>

</head>

<body>

<div id="div1">

    <div id="border"></div>

</div>

</body>

</html>