Posts

Showing posts from May, 2024

Text Image

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> img { width : 250 px ; height : 250 px ; object-fit : contain ; border-width : 7 px ; border-style : solid ; border-color : red ; border-radius : 50 % ; outline : solid 7 px blue ; /* border-top-left-radius: 31px; */ outline-offset : 7 px ; } p { color : rgb ( 189 , 77 , 674 ) ; /* direction: rtl; */ /* text-align: right; */ /* letter-spacing: 14px; */ /* word-spacing: 14px; */ /* text-indent: 43px; */ text-decoration : underline ; text-decoration-style : dashed ; text-decoration-color : red ; text-transform : uppercase ; white-space : nowrap ; text-shadow : 71 px 73 px 2 px black ; } . div { width : 250 px ; ...

background font

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> body { background-attachment : fixed ; height : 500 px ; background-size : 217 px ; background-position : center ; background-repeat : no-repeat ; background-color : red ; background-image : url ( "character_model_touchup_2.png" ) ; } pre { font-family : Arial , Calibri ; font-family : Calibri ; font-style : italic ; font-weight : bold ; font-variant : all-petite-caps ; font-size : 33 rem ; } </style> </head> <body > <pre> <img src ="computer.jpg" > This chapter teaches you how to set backgrounds of various HTML elements. You can set the followings background prope...