Shulou(Shulou.com)06/01 Report--

Editor to share with you how to achieve the shadow of the double CSS frame, I believe that most people do not understand, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Double CSS border with shadow

We can also mix some box-shadow and outline borders.

This creates a beautiful line effect with spikes, as shown in the following example.

Let's check the code!

# box {font-family: Arial; font-size: 18px; line-height: 30px; font-weight: bold; color: white; padding: 40px; box-shadow: 00 10px # 00988; border: 10px solid # 00988; outline: dashed 10px white;}

Effect:

The above is all the content of the article "how to achieve a double CSS frame with Shadow". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.