Scribd
Upload
4 views

exercise 2 CSS

The document outlines a CSS exercise requiring the creation of an HTML file with 8 paragraphs, each assigned unique identifiers for styling. It specifies various CSS properties to be applied, including background color, border styles, text alignment, text decoration, and font properties. Additional tasks include using border-radius, text-shadow, and font-size adjustments to enhance the styling of the paragraphs.

Uploaded by

alejandroth.207
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

exercise 2 CSS

The document outlines a CSS exercise requiring the creation of an HTML file with 8 paragraphs, each assigned unique identifiers for styling. It specifies various CSS properties to be applied, including background color, border styles, text alignment, text decoration, and font properties. Additional tasks include using border-radius, text-shadow, and font-size adjustments to enhance the styling of the paragraphs.

Uploaded by

alejandroth.207
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

EJERCICIO CSS

Create a new html, every time you create a new paragraph you will give it a number as
an identifier in order to be able to assign different propierties to it. If you don´t know how
this CSS properties work you only have to look for an example on Internet.

1. Create 8 paragraphs and give them different colors.Use the background-color


property for the following colors:
Tomato, Orange, DodgerBlue, MediumSeaGreen, Gray, SlateBlue, Violet, lightGray

2. Apply the following border styles to the preceding paragraphs using the border-style
property
Dotted, dashed, solid, double, Groove, Ridge, inset, outset

3. Use the border-width property to apply different thicknesses to the borders of the
previous paragraphs, assign the value of the property in pixels.

4. Use the border-color property to assign different colors to the borders of the previous
paragraphs.

5. Add a new paragraph in which you use the properties


border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;

6. Add a new paragraph in which you are going to apply diferent border properties at the
same time
border: border-width border-style (required) border-color

border-width, it will be the thickness of the border in pixels


border-style, will be one of the styles previously seen
border-color, apply the color you want.

7. Apply the border-radious property to some previous paragraphs, apply a number of


píxels as value.

8. Color the text in various paragraphs using the color property followed by the colors of
your choice.

9. Align the text of different paragraphs using the text-align property and assign the
values left, center and right.
10. Use the text-decoration property in the previous paragraphs and assign the values
overline, line-through and underline.
11. Add shadow to different paragraphs using the text-shadow property, the values of this
property are:

text-shadow: horitzontal (pixels) vertical (pixels) effect (pixels) color;

12. Use the font-family property to assign different Fonts to the previous paragraphs.

The following list are the best web safe fonts for HTML and CSS:
• Arial (sans-serif)
• Verdana (sans-serif)
• Helvetica (sans-serif)
• Tahoma (sans-serif)
• Trebuchet MS (sans-serif)
• Times New Roman (serif)
• Georgia (serif)
EJERCICIO CSS

• Garamond (serif)
• Courier New (monospace)
• Brush Script MT (cursive)
13. Apply the font-style property to the previous paragraphs applying the normal, italic or
oblique values
14. Use the font-size property to change the size of the text in the previous paragraphs

You might also like