Try experimenting with different values to see how it changes the appearance.

The fourth value sets the base color of the shadow.

A larger value produces a more fuzzy-looking shadow.

The third pixel value sets the blur radius of the shadow.

The second pixel value sets the vertical offset of the shadow from the text: how far it moves down.

The first pixel value sets the horizontal offset of the shadow from the text: how far it moves across.

Next, we set the heading's top and bottom padding to 20 pixels.įollowing that, we set the heading text to be the same color as the HTML background color.įinally, text-shadow applies a shadow to the text content of the element. To eliminate the gap, we overwrite the browser's default styling with the setting margin: 0.

That might seem like a bad idea, but the intent is to provide basic readability for unstyled pages. That happens because browsers apply default styling to the element (among others). You may have noticed there's a horrible gap at the top of the body. Apart from the selector, each ruleset must be wrapped in curly braces.Note the other important parts of the syntax: (For example, there are many color values in addition to red.) This chooses one out of many possible appearances for a given property. To the right of the property-after the colon-there is the property value. (In this example, color is a property of the elements.) In CSS, you choose which properties you want to affect in the rule. These are ways in which you can style an HTML element. It specifies which of the element's properties you want to style. Take a look Get your Html Color codes with our color tools, HEX code, RGB, RGBA, HSL and HSLA values, including HSV, HWB and CMYK. An RGBA color value is specified with: rgba(red, green, blue, alpha).The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque). To style a different element, change the selector. We've created an HTML color conversion from HSL to HEX for you to know the HEX value of your HSL color. You learned from our CSS Colors Chapter, that you can use RGB as a color value.In addition to RGB, you can use an RGB color value with an alpha channel (RGBA) - which specifies the opacity for a color.

It defines the element(s) to be styled (in this example, elements). This is the HTML element name at the start of the ruleset. (The term ruleset is often referred to as just rule.) Note the names of the individual parts: Selector Let's dissect the CSS code for red paragraph text to understand how it works : Here is an example of setting the background color for a web page to green. An element is a piece of HTML such as a header or paragraph on a web page.This can be the background for the entire page or the background of one section of your page. The background color property allows you to choose the color of your element. The background property lets you use images and colors to create backgrounds for your web pages.

Mdn css color codes