Varma has Published 69 Articles

Set the coordinates of the area in an image map in HTML?

varma

varma

Updated on 22-Nov-2023 04:32:49

867 Views

To set the coordinates of the area in an image map, Use the cords attribute in HTML to set the coordinates of the area in an image map in HTML.ExampleYou can try to run the following code to implement the cords attribute −           HTML coords attribute                                        

Set the flex items horizontally with CSS

varma

varma

Updated on 06-Jul-2020 11:13:41

307 Views

Use the flex-direction property with row value to set the flex-items horizontally.ExampleYou can try to run the following code to implement the row value −Live Demo                    .mycontainer {             display: flex;           ... Read More

Role of CSS position: sticky;

varma

varma

Updated on 01-Jul-2020 11:05:30

155 Views

To create a sticky navbar, use the position: sticky; property. You can try to run the following code to create a sticky navbar, ExampleLive Demo                    ul {             list-style-type: none;         ... Read More

Role of CSS :visited Selector

varma

varma

Updated on 01-Jul-2020 10:49:20

129 Views

Use the CSS : visited selector to style all visited links.ExampleYou can try to run the following code to implement the :visited selector:Live demo                    a:link, a:visited {             background-color: white;           ... Read More

Style every element that is not the specified element with CSS

varma

varma

Updated on 01-Jul-2020 09:19:46

71 Views

To style every element that is not the specified element, use the CSS :not(selector) selector.ExampleYou can try to run the following code to implement the :not selector:Live Demo                    p {             color: red;          }          :not(p) {             color: blue;          }                     Heading 1       Heading 2       Heading 3       This is a paragraph.       This is another paragraph.    

Set the color of the right border using CSS

varma

varma

Updated on 30-Jun-2020 08:05:22

74 Views

To set the color of the right border, use the border-right-color property. You can try to run the following code to implement border-color-property −ExampleLive Demo                    p {             border-style: dotted;             border-right-color: #FFFF00;          }                     This is demo text.     Output

Role of CSS :hover Selector

varma

varma

Updated on 30-Jun-2020 07:46:59

223 Views

Use the CSS :hover selector to style links on mouse over with CSS. You can try to run the following code to implement the :hover selector −ExampleLive Demo                    a:hover {             background-color: orange;          }                     Qries       Keep the mouse cursor on the above link and see the effect.    

Define skew transforms along with y axis using CSS

varma

varma

Updated on 29-Jun-2020 11:13:36

121 Views

You can try to run the following code to define skew transforms along with y-axis using CSS −ExampleLive Demo                    div {             width: 300px;             height: 100px;       ... Read More

CSS3 Linear gradients

varma

varma

Updated on 29-Jun-2020 10:09:50

178 Views

Linear gradients are used to arrange two or more colors in linear formats like top to bottom.ExampleYou can try to run the following code to implement linear gradients in CSS3 −Live Demo                    #grad1 {             ... Read More

Animate CSS column-rule-color property

varma

varma

Updated on 25-Jun-2020 14:11:02

147 Views

To implement animation on the column-rule-color property with CSS, you can try to run the following code:ExampleLive Demo                    div {             width: 600px;             height: 300px;       ... Read More

1 2 3 4 5 ... 7 Next
Advertisements