body{
  background-color: white;
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhUSEhIVFRUVGBgVFRUVFxUXFRUVFRcYFxcVFRUYHSggGB0lHRcVITEhJSkrLi4uFx8zODMtNygtLisBCgoKDQ0NDg0NDisZFRkrLSsrKysrKysrKysrLSsrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAOEA4QMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EACYQAQEBAAEDAQkBAQAAAAAAAAABEfCh0eFBAhIhMVFhkbHBE3H/xAAWAQEBAQAAAAAAAAAAAAAAAAAABgX/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD0OLUNUTLWpF0BMUSUFEi+QKVagCouALqKAGoAUwA51QAIEAIIoIqSfJQKFpzoCjOqCc6EAAoAERaBKLoBEiKCxZ2TQFi6zDQaSlATV1ADTUUCBC9wAgAFIAGEBMD3QBagAEAMDDAUtZ1QU0qALUW9wCIUFVF0EAoIongFEgCxKSAF/v8ABSAamlKC7z4DOAFUACmgJe4XuAKn0IDUqaQAXEUBF0AvcE0FRYAQRQQAFKeUAVlQKLUBvPuM6AhQAi1lbQCz4kUGVpn9ASLFiAAeAUsJOflKBCKgLEgQFEUAxYWgmJ4XCwGVpYuAgaAYAAWgCeSKQCRrGZVAqHkBUOdVAwwASKigUoAJYpQBPUAABYVDAWqzqgGJTnUFVcAZiZ8CHoAngWQEi5/TDyALUgFUpgCKgCpABrWb3LQXRKoCKQCkgAkhTytBAhQLD2lqA1t5g5IDpAgCiF5+QAXnQAEBVjKgVMVcBmKFAEpgFUIBomrAQVAIQMAVMWAIAGX7DWKDM5+QKCFIoICggqgzKqYAthBQQoAUqpQMFQEF8oCosSgoYoM1TEAsFLAb0ZUGamgBVEBQ0AAoAKCCgIC0EAlBUoAeUqlAE8tAnhL3WVL3A50ABVQtA94RQSAaBFRQAMAgAEABYIUBUPAAYAaUwoGiKBChoFSrUA51IpASHP2FAxWtAYRoBBTARSgEWVJef8IAQXQTBUAOdVQCiLoBQ0AsAARqdgSJQBUNS3+gtQ0gH+gz7gDawhgAICwRYCoQgEFoCIsAAp5AKliwApoAqc6AC1lrn6BJBE0FMLU0BZDAGhy+ADdJFAAhoARAXAAAUEqRQAi8/DIKiwAMVADEUAkQgGC+AEFTAC0qXuC/5qqgnsnP0AJ9OfRIALEnpz0ACNTnUAL6pQBYnYAL3SfKqAsZ8AC3uT5qAzzo1ewAnoc6KAl7F51AE9Ofc9nn4AFjAA2AD//Z");
  /*this is code*/
}

img{
  border: 5px dotted gray;
  width: 400px;
  height: 200px;
  float: right;
}

img:active{
  border-width: 4px;
}

p{
  text-align: center;
  font-family:Arial, Sans-Seriff;
  color: blue;
}

p:hover{
  color: green;
}

a{
  color:green;  
}

a:visited{
  color:red;
}

a:visited:hover{
  color:red;  
}

a:hover{
  color:grey;  
}

a:active{
  color: pink;  
}
table{
 border: 2px solid black;
}

td{
  border: 1px dotted red;
}