Skip to content

README.md

Latest commit

 

History

History
57 lines (43 loc) · 2.29 KB

README.md

File metadata and controls

57 lines (43 loc) · 2.29 KB

Lab Assignment – II (CSS)

  1. Illustrate the use of background properties in CSS (for image). • Code

  2. Construct a web page with four paragraph and style using CSS. • Code

  3. Design a web page with six images and style them using external CSS. • Code

  4. Make a nested list using internal CSS. • Code

  5. Make a web page having 3 rows and 2 columns with all the hyperlinks and style it using external CSS. • Code

  6. Design an html form to demonstrate the 10 different types of controls generated using INPUT tag. Style the form as: • Code

    • Set the background color of textbox yellow when it is focused.
    • Change the text color blue to textbox.
    • Increase the height of combo options when it is checked.
    • Set the border color red if the input is invalid in textbox textarea.
    • Set green border to valid input.
    • Design the form using fieldset.

  7. Design the given table and style as: • Code

    Class A Class B
    Class C Class D
    • Set the border of any style and color.
    • Set width of all Classes 600 pixel and height 550 pixel.
    • Set different background color for all classes.
    • Every text color should be different.
    • Display Class C and Class D in uppercase and remaining in lower case.

  8. Design a horizontal menu of any five options and style as: • Code

    • Set border for all links.
    • Set different background color and text color.
    • Change the font color and increase the font size when mouse over it.
    • Remove the underline from link.
    • Change all the default behaviour of links.

  9. Develop a web page with a paragraph and add some contents before the paragraph with red color and yellow background using CSS. • Code

  10. Illustrate the concept of pseudo elements with example. (::after, ::first-letter, ::selection, ::first-line) • Code

  11. Design following list using html and CSS: • Code

    • Mouse
    • Keyboard
    • Monitor
    • Printer
    • Touchpad