Guest User

Test.html/css

a guest
Oct 12th, 2013
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. ------------------------------------------------------------
  2. --test.html--
  3. ------------------------------------------------------------
  4. <html>
  5. <head>
  6. <title>Test Page</title>
  7. <meta charset = "UTF-8">
  8. <link rel="stylesheet" type="text/css" href="test.css">
  9. </head>
  10.  
  11. <body>
  12.  
  13. <!-- site nav -->
  14. <ul class = "nav">
  15. <li><a href="http://www.youtube.com/computoguy">My YouTube</a></li>
  16. <li><a href="http://www.twitter.com/computoguy">My Twitter</a></li>
  17. </ul>
  18.  
  19. <!-- content -->
  20. <h1>Test</h1>
  21. <br>
  22. <p>So, hello there. How are you doing today?</p>
  23. </body>
  24.  
  25. </html>
  26.  
  27. ------------------------------------------------------------
  28. --test.css--
  29. ------------------------------------------------------------
  30. @charset "UTF-8"
  31.  
  32. body{
  33. background-color: #394859;
  34. padding-left: 300px
  35. }
  36.  
  37. h1{
  38. font-family: Arial Bold;
  39. color: #0DFF7A
  40. }
  41.  
  42. p{
  43. font-family: Arial;
  44. color: #FFFFFF
  45. }
  46.  
  47. ul.nav{
  48. list-style-type:none;
  49. position: absolute;
  50. top: 10px;
  51. left: 10px
  52. }
  53.  
  54. ul.nav li{
  55. background: #222222;
  56. padding: 0.2em;
  57. margin: 1em 0;
  58. border-right: 1em solid #222222
  59. }
  60.  
  61. a{
  62. font-family: Arial;
  63. color: #FF781F
  64. }
Advertisement
Add Comment
Please, Sign In to add comment