✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Close
  • Fidelis Chime
    Fidelis Chime
    6,077 Points

    box -shadow

    Posted on Oct 4, 2022 by Fidelis Chime
    Fidelis Chime
    6,077 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    2 Answers

  • James Parker
    James Parker
    7,027 Points

    In our callout class some values like width have px. Should we be using something like rem?

    Posted on Aug 31, 2022 by James Parker
    James Parker
    7,027 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Adding Content Using CSS

    1 Answer

  • Albert Almonte
    Albert Almonte
    1,824 Points

    Create a rule that targets .main-header. This time, we'll give .main-header a box shadow. Set the box shadow's horizonta

    Posted on Jan 18, 2022 by Albert Almonte
    Albert Almonte
    1,824 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    1 Answer

  • Gail Mukungurutse
    Gail Mukungurutse
    1,844 Points

    .main-header { box-shadow: 0 2px 15px #aaa, insert 0 0 60px 5px firebrick; }

    Posted on Nov 15, 2021 by Gail Mukungurutse
    Gail Mukungurutse
    1,844 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    3 Answers

  • Jesse Phea
    Jesse Phea
    3,126 Points

    My second set of box-shadow values is set to 0 horizontal offset ,but the system says I am wrong.

    Posted on Jun 9, 2021 by Jesse Phea
    Jesse Phea
    3,126 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    1 Answer

  • Shivon Kunondjo Hindjou
    Shivon Kunondjo Hindjou
    1,402 Points

    where have i gone wrong here??????please help

    Posted on May 28, 2021 by Shivon Kunondjo Hindjou
    Shivon Kunondjo Hindjou
    1,402 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    1 Answer

  • Joshua Graber
    Joshua Graber
    11,785 Points

    Why doesn't the box-shadow work for me on the .callout links? Everywhere else works just fine!!!

    Posted on May 26, 2021 by Joshua Graber
    Joshua Graber
    11,785 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Rounded Corners

    2 Answers

  • Sabrina Fortune
    Sabrina Fortune
    1,351 Points

    Just like the text-shadow property, the box-shadow can take multiple comma-seperated values to add additional shadows to

    Posted on May 17, 2021 by Sabrina Fortune
    Sabrina Fortune
    1,351 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    1 Answer

  • Jonathan Diaz
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Jonathan Diaz
    Data Analysis Techdegree Student 30 Points

    Why add the symbol entities to CSS and not HTML? I found that you can add the symbol entities to HTML.

    Posted on Mar 24, 2021 by Jonathan Diaz
    .a{fill-rule:evenodd;}techdegree
    Jonathan Diaz
    Data Analysis Techdegree Student 30 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Adding Content Using CSS

    1 Answer

  • Alana Warson
    Alana Warson
    5,296 Points

    Let's give .main-header an inner-shadow with a second set of box shadow values. Set the new shadow's horizontal and ver

    Posted on Mar 2, 2021 by Alana Warson
    Alana Warson
    5,296 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    1 Answer

  • Zeke Swanson
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Zeke Swanson
    Web Development Techdegree Student 8,301 Points

    Am I missing something?

    Posted on Feb 15, 2021 by Zeke Swanson
    .a{fill-rule:evenodd;}techdegree
    Zeke Swanson
    Web Development Techdegree Student 8,301 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    1 Answer

  • Ronald Greer
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Ronald Greer
    Front End Web Development Techdegree Graduate 56,430 Points

    What am i doing wrong here?

    Posted on Feb 14, 2021 by Ronald Greer
    .a{fill-rule:evenodd;}techdegree seal-36
    Ronald Greer
    Front End Web Development Techdegree Graduate 56,430 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    1 Answer

  • Nyanko Kamaboko
    Nyanko Kamaboko
    4,102 Points

    My code doesn't seem to be working. Am I missing something simple or is this code actually correct?

    Posted on Jan 29, 2021 by Nyanko Kamaboko
    Nyanko Kamaboko
    4,102 Points
    • CSS
    • Enhancing Design with CSS
    • Styling Boxes
    • Box Shadows

    2 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.