Html div上的选项卡[CSS]

Html div上的选项卡[CSS],html,css,Html,Css,可以在纯css中创建这样的选项卡吗 您可以为此使用CSS3伪类。检查下面的代码段 .丝带{ 字体大小:16px!重要; 宽度:200px; 位置:相对位置; 背景:ccc; 颜色:fff; 文本对齐:居中; 填料:1米2米; 保证金:2em自动3em; } .ribbon.ribbon内容:在.ribbon之前。ribbon内容:在.ribbon之后{ 内容:; 位置:绝对位置; 显示:块; 边框样式:实心; 边框颜色:999透明; 底部:-1米; } .ribbon.ribbon内容:之前

可以在纯css中创建这样的选项卡吗

您可以为此使用CSS3伪类。检查下面的代码段

.丝带{ 字体大小:16px!重要; 宽度:200px; 位置:相对位置; 背景:ccc; 颜色:fff; 文本对齐:居中; 填料:1米2米; 保证金:2em自动3em; } .ribbon.ribbon内容:在.ribbon之前。ribbon内容:在.ribbon之后{ 内容:; 位置:绝对位置; 显示:块; 边框样式:实心; 边框颜色:999透明; 底部:-1米; } .ribbon.ribbon内容:之前{ 左:0; 边框宽度:1米0.1米; } .ribbon.ribbon内容:在{ 右:0; 边框宽度:1米1米0; } xyz
对这是可能的。你可以在网上找到类似于这样的横幅的代码,我想谷歌(google)会弹出类似CSS的横幅,看看会出现什么。我理解,但是如何调用它来查找呢?这两个链接中的任何一个都有,你只需删除结尾的部分:这不是答案。他问是否可能,而不是怎么做。太好了,谢谢!如何使其响应?当它被放置在白色div上时,它在每个分辨率上具有不同的宽度。我应该在px中设置恒定宽度并在媒体查询中修改它吗?我已经在ribbon div上设置了宽度200px,您可以根据需要设置此宽度。