html – 如何在CSS中创建双底边框

发布时间：2020-12-14 18:31:43 所属栏目：资源来源：网络整理

导读：我想在标题的底部创建一个双边界,两条线的厚度不同,中间间距为1px.特别是顶线,厚度为2px,底线为1px. 这是我想要达到美学目标的图像示例 – 使用此设计方面的其他网站 – http://www.rollingstone.com/ 到目前为止,我已经尝试过 – “border-bottom：1px Soli

我想在标题的底部创建一个双边界,两条线的厚度不同,中间间距为1px.特别是顶线,厚度为2px,底线为1px.

这是我想要达到美学目标的图像示例 –

使用此设计方面的其他网站 – http://www.rollingstone.com/

到目前为止,我已经尝试过 – “border-bottom：1px Solid#000;”没有运气.
我将不胜感激

非常感谢

解决方法

你可以这样做,因为它不需要额外的标记.

http://jsfiddle.net/aNc9X/

如下所示：http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/demo/borders.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!