小编Dep*_*pra的帖子

如何让标题在文本后面有一条水平线?

我正在构建一个网站,下面是一部分模型

在此输入图像描述

由于我使用的是构建 HTML 的内容管理系统,因此我必须使用单个h3标签。div我希望后面的线具有包含标签的宽度h3。这可能吗?

这是我能得到的最接近的: http: //jsfiddle.net/rmgtq6h6/

h3.line-behind { width: auto; position: relative; text-align: center}
    h3.line-behind:after { content: " "; border-top: 3px solid black; position: absolute; width:100%; top: 50%; left: 0; z-index: 1; }
Run Code Online (Sandbox Code Playgroud)

css

5
推荐指数
1
解决办法
3224
查看次数

这可能不引入Javascript或添加到HTML?

我的客户想要每个链接列表,即表单的每个列表

<ul>
    <li>
        <a href="www.google.com">Here's a link</a>  
    </li>
    <li>
        <a href="www.google.com">Here's a link</a>          
    </li>
    <li>
        <a href="www.google.com">Here's a link</a>          
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

使列表的项目符号与链接文本的颜色相同,但是每个非链接列表,即表单的每个列表

<ul>
     <li>Here's a regular list item</li>   
     <li>Here's a regular list item</li>
     <li>Here's a regular list item</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

应该像往常一样继承子弹和相应的文本.

小提琴:http://jsfiddle.net/0kkc2rz4/

我对不能够添加类到限制HTML,所以像

<ul class='link-list'>
    <li>
        <a href="www.google.com">Here's a link</a>  
    </li>
    <li>
        <a href="www.google.com">Here's a link</a>          
    </li>
    <li>
        <a href="www.google.com">Here's a link</a>          
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)
ul.link-list li { color: #004E98; }
Run Code Online (Sandbox Code Playgroud)

是不可能的,虽然我意识到如果我从头开始编码网站,这显然是最好的方法.我可以添加JS,但不愿意.

html css

4
推荐指数
1
解决办法
89
查看次数

标签 统计

css ×2

html ×1