如何设置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>

bhbhxy 2010-09-10
  • 打赏
  • 举报
回复
你确定是长50?不是宽?长好像没办法实现。。。
宽可以单独对每条边设置
border-top
border-left
border-right
border-bottom
分别对应上左右下
属性 50px solid #rgb
内容概要:本文围绕基于Basisformer模型的时间序列锂离子电池SOC(State of Charge,荷电状态)预测展开研究,利用PyTorch框架实现深度学习模型的构建与训练。通过将历史充放电数据作为输入,Basisformer能够有效捕捉电池状态的动态变化特征,提升SOC预测精度。文详细介绍了模型结构设计、数据预处理流程、训练策略及实验结果分析,并与传统方法进行对比,验证了该方法在复杂工况下的优越性与鲁棒性。该研究不仅展示了Basisformer在时序建模的潜力,也为电池管理系统提供了高精度的状态估计解决方案。; 适合人群:具备一定Python编程基础和深度学习理论知识,熟悉PyTorch框架,从事电池管理系统、新能源汽车或智能预测方向研究的研究生、科研人员及工程技术人员。; 使用场景及目标:①应用于电动汽车、储能系统等领域的电池SOC高精度实时估算;②为电池健康管理(BMS)提供可靠的状态输入;③推动深度学习在时间序列预测的实际落地,提升现有预测模型的泛化能力与稳定性; 阅读建议:建议读者结合标题为【锂电池SOC估计】【PyTorch】基于Basisformer时间序列锂离子电池SOC预测研究(python代码实现)的资源,重点研读所提供的Python代码,深入理解数据处理方式与模型网络结构的设计思路,尝试调整超参数以观察对预测性能的影响,从而全面掌握Basisformer在时序建模的优势、适用边界及工程化实现路径。

61,122

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧