框影问题

Question

我有一件我想要的东西，让我感到烦恼的是我找不到办法。

现在就是这样：

我希望红线为绿色：

2个相同的文字使用此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代码的作用吗？

Answer 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;