Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 围绕<;创建L形边框;李>;_Html_Css - Fatal编程技术网

Html 围绕<;创建L形边框;李>;

Html 围绕<;创建L形边框;李>;,html,css,Html,Css,我想在 这可能吗?我与有相似之处,但我的场景要求使用带有 比如: 尝试使用:before和:after做些事情,如下面的代码片段所示。希望能有帮助 li{ 列表样式:无; 边缘底部:20px; 位置:相对位置; } 李:以前{ 背景色:红色; 底部:-5px; 内容:“; 高度:20px; 左:-10px; 位置:绝对位置; 宽度:2倍; } 李:之后{ 背景色:红色; 底部:-5px; 内容:“; 高度:2倍; 左:-10px; 位置:绝对位置; 宽度:20px; } 嗨 你好 欢迎光临

我想在

  • 这可能吗?我与
    有相似之处,但我的场景要求使用带有

  • 比如:


    尝试使用
    :before
    :after
    做些事情,如下面的代码片段所示。希望能有帮助

    li{
    列表样式:无;
    边缘底部:20px;
    位置:相对位置;
    }
    李:以前{
    背景色:红色;
    底部:-5px;
    内容:“;
    高度:20px;
    左:-10px;
    位置:绝对位置;
    宽度:2倍;
    }
    李:之后{
    背景色:红色;
    底部:-5px;
    内容:“;
    高度:2倍;
    左:-10px;
    位置:绝对位置;
    宽度:20px;
    }
    • 你好
    • 欢迎光临

    也许可以添加一个例子(用油漆或其他什么东西画出来),这样人们就可以真正帮助你:)左边的
    边框和底部的
    边框的css就可以了,对吗?还是我误解了这个问题?请看下面的代码。。多亏了@RaJeshRiJo他帮了我。我想他不想要这个。。我猜他想要这样的东西——Ups!我不能在这里展示。他想要一些线索,比如目录列表lines@JaTurna检查更新的答案。嗯,可能更多的css会帮助他获得想要的设计。。。谢谢你的回复!因为新答案被阻止了。我的回答是这样的