盒子阴影问题[重复]答案

【问题标题】：Box shadow Issue [duplicate]盒子阴影问题[重复]
【发布时间】：2015-05-08 17:35:43
【问题描述】：

我有一件我想要的东西，但我找不到方法让我很恼火。

现在是这样的：

我希望红线是绿色的：

两个相同的文本使用这个 HTML：

<.article class="shadow">
      <.header>

        <h3>Welcome!<./h3>
        <p><ul>(Vincent, 2014-11-07)</ul></p>
      </header>
      <br>
      <p><b>Greetings visitors!</b></p>
      <p>You have entered the URL to this site for a reason. To see my work related to making game music. You might aswell look into the FL Studio section, were you can listen to my music on the website or actually download the music to use it. You can also read about me and how these music tracks were made and what I had to go through to make these.</p>
      <p>I hope you have a look around.</p>
    </article>

我找不到更好的粘贴方法。不要介意 HTML 代码第一行中的“点”。

这是我目前使用的 CSS：

.shadow {

   -webkit-box-shadow: inset  1px 0px 0px 0px #47D147;

}

我希望你能理解我想说的话。我不使用 javascript 或 php。我只使用 HTML 和 CSS。能解释一下CSS代码的作用吗？

【问题讨论】：

您的 HTML 标记存在严重问题 - <.header> 应该是
，无序列表标签有什么问题 - 已弃用，h3 结束标签中有一个点等
现在我为沮丧的<b>标签@Muleskinner感到难过；-)
哈哈 - 应该被弃用，更正
<b> 本身并没有被弃用。只要它附加了某种语义，它仍然可以在 HTML5 中使用。

标签： html css box-shadow

【解决方案1】：

我发现和未来： How to get box-shadow on left & right sides only 或使用

-webkit-box-shadow: inset 1px 0px 0px 0px #47D147, 1px 0px 0px 0px #47D147;

【讨论】：