Change the Color of Link when a Mouse Hovers

karthikeya Boyini
Updated on 31-Jan-2020 06:59:42

1K+ Views

To change the color of a link when we bring a mouse pointer over that link, use the: hover property.ExampleYou can try to run the following code to change the link color:                    a:hover {             color: #FFCC00          }                     My Link    

CSS padding property

Samual Sam
Updated on 31-Jan-2020 06:56:55

199 Views

The padding property sets the left, right, top and bottom padding (space) of an element.ExampleYou can try to run the following code to implement padding property.                             All four padding will be 25px                      Top and bottom padding will be 20px, left and right padding will be 4% of the total width of the document.                      Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px          

CSS padding-right property

Arjun Thakur
Updated on 31-Jan-2020 06:56:10

235 Views

The padding-right specifies the right padding of an element. It sets the right padding of an element. This can take a value in terms of length of %.                            This is a paragraph with a specified right padding                      This is another paragraph with a specified right padding in percent          

Usage of -moz-opacity property with CSS

Chandu yadav
Updated on 31-Jan-2020 06:54:52

841 Views

The -moz-opacity property of an image is used to set the opacity of an image. This property is used to create a transparent image in Mozilla. IE uses filter:alpha(opacity=x) to create transparent images.ExampleYou can try to run the following code to style an image and set opacity with CSS                      

Set the opacity of an image with CSS

karthikeya Boyini
Updated on 31-Jan-2020 06:53:54

212 Views

To set the opacity of an image, use the CSS -moz-opacity property. This property is used to create a transparent image in Mozilla. IE uses filter:alpha(opacity=x) to create transparent images.ExampleYou can try to run the following code to style an image and set opacity with CSS:                      

Usage of width property with CSS

Samual Sam
Updated on 31-Jan-2020 06:45:51

81 Views

The width property is used to set the width of an image. This property can have a value in length or in %. While giving value in %, it applies it in respect of the box in which an image is available.ExampleYou can try to run the following code to set the width of an image:                                  

Change the color of right border with CSS

George John
Updated on 31-Jan-2020 06:45:25

223 Views

The border-right-color property changes the color of the right border.ExampleYou can try to run the following code to implement the border-right-color property                    p.demo {             border:3px solid;             border-right-color:#FF0000;          }                              Example showing border right color property          

How to style images with CSS?

Lakshmi Srinivas
Updated on 31-Jan-2020 06:44:40

275 Views

To style images with CSS, you need to use properties such as height, width, - moz-opacity, etc. Let us see how to create a transparent image with - moz-opacity CSS property:The -moz-opacity property of an image is used to set the opacity of an image. This property is used to create a transparent image in Mozilla. IE uses filter:alpha(opacity=x) to create transparent images.ExampleYou can try to run the following code to style an image and set opacity with CSS:                      

Usage of text-align property in CSS

V Jyothi
Updated on 31-Jan-2020 06:40:17

105 Views

The text-align property is used to align the text of a document. Possible values are left, right, center, justify.ExampleYou can try to run the following code to implement text-align property:                            This will be right aligned.                      This will be center aligned.                      This will be left aligned.          

Indent the first line of a paragraph in CSS

Lakshmi Srinivas
Updated on 31-Jan-2020 06:39:47

4K+ Views

Use the text-indent property to indent the first line of a paragraph. Possible values are % or a number specifying indent space.ExampleYou can try to run the following code to indent the first line:                            This text will have first line indented by 2cm and this line will remain at          its actual position this is done by CSS text-indent property.          

Advertisements