Html 列表中的点

Html 列表中的点,html,css,Html,Css,你能告诉我表格/列的长列表上虚线的代码吗 单元格列 修指甲………..10美元 我把它放在哪里的代码以及,不知道css,是的html 提前感谢我认为纯html中不可能有点前导(这就是您正在寻找的点的名称)。你将不得不使用一些css 下面是一篇很好的文章,可以让您开始学习: 现在你知道了你要找的东西的名字,你也可以在谷歌上搜索一下,看看周围,但是正如我所说的,我认为你可能不得不使用css。我认为在纯html中不可能使用点领袖(你要找的点就是这个名字)。你将不得不使用一些css 下面是一篇很好的文章

你能告诉我表格/列的长列表上虚线的代码吗

单元格列
修指甲………..10美元

我把它放在哪里的代码以及,不知道css,是的html


提前感谢

我认为纯html中不可能有点前导(这就是您正在寻找的点的名称)。你将不得不使用一些css

下面是一篇很好的文章,可以让您开始学习:


现在你知道了你要找的东西的名字,你也可以在谷歌上搜索一下,看看周围,但是正如我所说的,我认为你可能不得不使用css。

我认为在纯html中不可能使用点领袖(你要找的点就是这个名字)。你将不得不使用一些css

下面是一篇很好的文章,可以让您开始学习:


既然你知道了你要找的东西的名字,你也可以在谷歌上搜索一下,四处看看,但正如我所说的,我想你可能不得不使用css。

这里是我刚刚玩过的东西(在IE8和FF3上测试过):


.点点{
位置:相对位置;
边框底部:1px点黑色;
背景:白色;
高度:24px;
宽度:300px;
}
.项目{
位置:绝对位置;
高度:26px;
线高:30px;
文本对齐:左对齐;
背景:白色;
}
.价值{
位置:绝对位置;
右:0px;
高度:26px;
线高:30px;
背景:白色;
文本对齐:右对齐;
}
修指甲
$10.00
晒成棕褐色
$100.00

这是我刚刚玩过的东西(在IE8和FF3上测试):


.点点{
位置:相对位置;
边框底部:1px点黑色;
背景:白色;
高度:24px;
宽度:300px;
}
.项目{
位置:绝对位置;
高度:26px;
线高:30px;
文本对齐:左对齐;
背景:白色;
}
.价值{
位置:绝对位置;
右:0px;
高度:26px;
线高:30px;
背景:白色;
文本对齐:右对齐;
}
修指甲
$10.00
晒成棕褐色
$100.00

什么是源语言和目标媒体/语言?不完全清楚您在寻找什么。如果我读对了,我相信问题是:“有人能告诉我如何用点(如示例中的点引线)填充列的剩余宽度吗?最好只使用html。”可能最好将标题改为一个问题。源语言和目标媒体/语言是什么?不完全清楚您在寻找什么。如果我读对了,我相信问题是:“有人能告诉我如何用点(如示例中的点引线)填充列的剩余宽度吗?最好只使用html。”也许最好把标题改成一个问题。缺点是,如果你有一个透明的背景,它就有点不起作用,但对于纯色背景,你应该可以:)同样,另一种方法可能是使用包含虚线图形的透明.gif/.png作为包含div的背景图像,而不是上面的border-bottom属性。在这种情况下,实际的页面背景将不重要(将起作用)。使用
  • (当然使用
      或)而不是div不是很容易吗?我之所以问这个问题,是因为这个问题明确地与“列表”有关。@Thomas博士:碰巧我用DIV和SPAN尝试了这个代码。我不明白为什么它不能用w/UL/OL/LI组合。缺陷是,如果你有一个透明的背景,它有点不起作用,但对于纯色背景,你应该很好:)类似地,另一种方法可能是使用包含虚线图形的透明.gif/.png作为包含div的背景图像,而不是上面的border-bottom属性。在这种情况下,实际的页面背景将不重要(将起作用)。使用
    • (当然使用
        或)而不是div不是很容易吗?我之所以问这个问题,是因为这个问题明确地与“列表”有关。@Thomas博士:碰巧我用DIV和SPAN尝试了这个代码。我不明白为什么它不能工作w/UL/OL/LI组合。
        <html>
            <head>
                <style>
                    .dotted {
                        position:relative;
                        border-bottom: 1px dotted black;
                        background:white;
                        height:24px;
                        width:300px;
                    }
        
                    .item {
                        position:absolute;
                        height:26px;
                        line-height:30px;
                        text-align:left;
                        background:white;
        
                    }
                    .value {
                        position:absolute;
                        right:0px;
                        height:26px;
                        line-height:30px;
                        background:white;               
                        text-align:right;
                    }
                </style>
            </head>
            <body>
                <div class="dotted">
                    <span class="item">Manicure</span>
                    <span class="value">$10.00</span>
                </div>
                <div class="dotted">
                    <span class="item">Tanning</span>
                    <span class="value">$100.00</span>
                </div>
        
            </body>
        </html>