Html with Css

    • Html with Css

      HTML Kaynak Kodu

      1. <!DOCTYPE html>
      2. <html>
      3. <head>
      4. <style>
      5. h1, h2, h3, h4 {
      6. font-family: "Montserrat";
      7. }
      8. em {
      9. font-family: "Papyrus";
      10. }
      11. body {
      12. background-color: saddlebrown;
      13. }
      14. h1, h4 {
      15. color: tomato;
      16. }
      17. h2 {
      18. color: goldenrod;
      19. }
      20. em {
      21. color: white;
      22. }
      23. h3 {
      24. color: wheat;
      25. }
      26. h1 {
      27. font-size: 120px;
      28. line-height: 0;
      29. }
      30. h2 {
      31. font-size: 65px;
      32. line-height: 0;
      33. }
      34. h3 {
      35. font-size: 45px;
      36. line-height: 1;
      37. }
      38. h4 {
      39. font-size: 18px;
      40. }
      41. body {
      42. width: 400px;
      43. margin: auto;
      44. }
      45. h4 {
      46. text-align: center;
      47. }
      48. em {
      49. font-weight: normal;
      50. font-style: normal;
      51. display: block;
      52. transform: rotate(-10deg);
      53. font-size: 80px;
      54. line-height: .5;
      55. position: relative;
      56. top: -20px;
      57. left: 43px;
      58. }
      59. h4 {
      60. border-bottom: 6px double tomato;
      61. padding-bottom: 15px;
      62. margin-top: -30px;
      63. }
      64. em {
      65. text-shadow: 3px 3px 5px black;
      66. }
      67. h1 {
      68. text-shadow: 3px 3px 0 saddlebrown, 5px 5px 0 goldenrod;
      69. }
      70. h2 {
      71. text-shadow: 3px 3px 0 saddlebrown, 5px 5px 0 tomato;
      72. }
      73. </style>
      74. <h1>I LOVE</h1>
      75. <h2>YOU</h2>
      76. <h3>I LIKE THE <em>WHİSPER</em> SOUND THEY MAKE AS THEY FLY BY.</h3>
      77. <h4>Heisenberg</h4>
      78. </head>
      79. </html>
      Hepsini Göster