1

我正在尝试添加一个标题，该标题将显示为带有文本的潜水的横幅。如下图所示。

在此处输入图像描述

问题是我需要在 css 中设置标题文本。我有一个单独的 div，其中的内容就是这样。我无法更改 HTML 代码来添加内容。

有任何想法吗？

4

2 回答 2

1

你可以用before伪元素来做到这一点，像这样：

.your_div:before {
    content: "Your DIV title";
    display: block;
    color: #000;
    background: #CCC;
    text-align: center;
}

但它不会与旧浏览器兼容。

于 2013-06-18T12:53:53.343 回答
1 

div div{

 
   background-color:brown;
   border:1px solid white;
   text-align:center;
    }
    
    .title{
    height:40px;
   padding-bottom:30px;
    background-color:whitesmoke !important;
    text-align:center;
    }
    .main{
      border-radius:10px;
    border:2px solid red;
    box-shadow:0px 1px 5px 2px black;
    height:content-width;
    
    }
<!Doctype html>
  <html>
  <body>
    <div class="main">
    <div class="title">
    <h2>my title</h2>
    </div>
    
    <div><p>first div</p>
    </div>
    
    <div><p>second div</p>
    </div>
    
    </div>
     </body>
      </html>

于 2018-07-16T13:56:51.283 回答