Posts

list cursure

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> ul { /* list-style: auto; */ /* list-style-position: inside; */ list-style-image : url ( "Done.svg" ) ; offset : 14 px ; cursor : pointer ; background : antiquewhite ; } </style> </head> <body> <ul> <li> Item1 </li> <li> Item1 </li> <li> Item1 </li> <li> Item1 </li> <li> Item1 </li> <li> <ol> <li> Item1 </li> <li> Item1 </li> <li> Item1 </li> </ol> </li> </ul> </body> </html>
Post a Comment
Read more

margin auto

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> body { height : 100 vh ; } #box { background : #22bf60 ; width : 200 px ; height : 200 px ; margin : 25 % auto ; } </style> </head> <body> <div id ="box" > </div> </body> </html>
Post a Comment
Read more

marginpadding

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> #parent { background : red ; } #child { background : blue ; margin : 12 px 39 px ; padding : 9 px ; } </style> </head> <body> <div id ="parent" > <div id ="child" > <p> The margin property defines the space around an HTML element. It is possible to use negative values to overlap content. The values of the margin property are not inherited by the child elements. Remember that the adjacent vertical margins (top and bottom margins) will collapse into each other so that the distance between the blocks is not the sum of the margins, but only the greater of the two margins or the same size as one ...
Post a Comment
Read more

BorederOutine

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . profille { border : solid ; border-color : red ; border-width : 16 px ; border-radius : 124 px ; outline : solid ; outline-color : blue ; outline-width : 29 px ; outline-offset : 19 px ; } </style> </head> <body> <img src ="profile.png" class ="profille" > </body> </html>
Post a Comment
Read more

Table Layout

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> table { width : 100 % ; } . fixed { table-layout : fixed ; } . auto { table-layout : auto ; } </style> </head> <body> <h1> Fixed </h1> <table border ="2px" class ="fixed" > <tr> <td> 100000000001 </td> <td> 2222222222222222222222222222222222222222222222 </td> <td> 3333333333333333333333333333333 </td> </tr> </table> <h1> Auto </h1> <table border ="2px" class ="auto" > <tr> <td> 100000000001 </td> <td> 2222222222222222222222222222222222222222222222 </td> <td> 333333333333333333333333333333...
Post a Comment
Read more

Table

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> table { width : 500 px ; border-collapse : separate ; border-spacing : 17 px ; caption-side : bottom ; empty-cells : hide ; } </style> </head> <body> <table border ="2px" > <tr> <th> Sr </th> <th> Roll </th> <th> Name </th> </tr> <tr> <td> 1. </td> <td> 1001 </td> <td> sabir </td> </tr> <tr> <td> 2. </td> <td> 1002 </td> <td> prem </td> </tr> <tr> <td> 3. </td> <td> 1003 </td> <td></td> </tr...
Post a Comment
Read more

Link

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> a { color : red ; font-size : 22 px ; font-family : Arial ; } a : link { color : blue ; } a : hover { color : yellow ; font-size : 28 px ; } a : visited { color : green ; } a : active { color : black ; font-size : 50 px ; } #box { height : 200 px ; width : 200 px ; border : 2 px ; background : #22bf60 ; } #box : hover { height : 400 px ; width : 400 px ; background : #042a84 ; } </style> </head> <body> <a href ="#" > Home </a><br> <a href ="character_model_to...
Post a Comment
Read more