Single post in Guide to CSS (Beginner & Intermediate) [In Progress]

Forum Index > PokéFarm > Guides > Guide to CSS (Beginner & Intermediate) [In Progress] >

👍 0

Posted 19/Jan/2024 04:29:35 (4 months ago)

QUOTE originally posted by Doomcard10

Thank you very much! Would you also know how to change the color of the lines used on accordion boxes to match the box-shadow? I didn't realize they were separate, or I would have asked earlier.

sure! that parameter is border-color, or simply "border" if youd like to change the width or style.

code

[style] .panel { box-shadow: 0 0 8px #COLOR; border-color: #COLOR; } [/style]

changing both "#COLOR"s to "green" gets you this:

example

hello!

hope that answered your question :] if youd like to change the width or style, however, use the following:

code

[style] .panel { box-shadow: 0 0 8px #COLOR; border: #px style #COLOR; } [/style]

replacing "#px" with "5px","#COLOR" with "green", and "style" with "solid" gives you this:

example

hello!

however you probably would also want to add a border-radius if changing the thickness so that it matches the radius of the box shadow, which you would do like this: