cssの背景色の指定範囲の仕方がわかりません。

Question

cssで両端の背景色の範囲をlimeにしたいのですが、どうすればいいかわかりません。
background-color: lime 30% 0%;というように指定したのですがうまくいきません。
youtubeで調べたりしたのですがわかりませんでした。
教えてください。よろしくお願いいたします。

Answer 1

背景をグラデーションする仕組みはあるので、それを用いれば応用できると思います。

background: linear-gradient(to right, lime 0%,lime 3%,#ffffff 3%,#ffffff 97%,lime 97%,lime 100%);

参考URL:
https://www.colorzilla.com/gradient-editor/