How to realize Chevron Graphics with css

Editor to share with you how to achieve Chevron graphics css, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

Chevron # chevron {position: relative; text-align: center; padding: 12px; margin-bottom: 6px; height: 60px; width: 200px;} # chevron:before {content:'; position: absolute; top: 0; left: 0; height: 100%; width: 51%; background: red; transform: skew (0deg, 6deg);} # chevron:after {content:'; position: absolute; top: 0; right: 0; height: 100% Width: 50%; background: red; transform: skew (0deg,-6deg);} above is all the content of the article "how to realize Chevron Graphics in css". 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!