div部分设置边框

Posted 2023-05-17

请问这种边框怎么做？上面背景部分无边框，下面无黑色背景部分有边框且长度变化。

参考技术A border-top，border-right，border-bottom，border-left分别设置上，右，下，左边框的样式，border-top:1px solid #f00; 1px是1像素，solid是边框的样式（此处是实线），#f00表示边框的颜色（此处是红色），你上面这个图里，其实右边上下都是有边框的，只不过边框颜色是灰色，上面部分背景是黑色，所以区分不是很大，看不出来而已。
更多疑问，请访问http://www.codes.ren 参考技术B

哈佛官网这个黑色的部分的边框也是有边框的，只不过下面的那层背景色是深颜色的，所以看不出来，给你张去掉下面那层黑色背景的你看看

参考技术C border-right:1px solid gray; 参考技术D 用css 的border属性，基本都能做出你想要的效果追问

具体怎么做？

追答

http://www.divcss5.com/rumen/r120.shtml，这里面有相关的教程

不太明白你的需求，你要设置的是哪个东西的边框

第5个回答  2015-07-12 额，javascript可以解决追问

不会写脚本啊！哪里有现成的吗？

遇到的问题之“前端html中div设置边框border属性无效，解决方案”

一、问题 二、解决方案 这里是漏了border-style属性，少了这个属性就不会显示边框了，加上就有边框了，这里是建议三个属性都要有完整 # 边距样式 border-style: inset;# 边距颜色border-color: red; # 边距宽度border-width: 10px;

* 博客文章部分截图及内容来自于学习的书本及相应培训课程，仅做学习讨论之用，不做商业用途。 * 如有侵权，马上联系我，我立马删除对应链接。 * 备注：王子威 * 我的网易邮箱：[e-mail]