×
×
Correct!

Set a border for <img> elements that have a title attribute that contains the word blue.

<style> img[title~="blue"] { border: 5px solid red; } </style> <body> <img src="klematis.jpg" title="blue flower"> <img src="klematis2.jpg" title="purple flowers"> <img src="klematis3.jpg" title="two blue flowers"> </body>
<style> img[title*="blue"] { border: 5px solid red; } </style> <body> <img src="klematis.jpg" title="blue flower"> <img src="klematis2.jpg" title="purple flowers"> <img src="klematis3.jpg" title="two blue flowers"> </body>

Not Correct

Click here to try again.

Correct!

<style>
img {
  border: 5px solid red;
}
</style>

<body>
  <img src="klematis.jpg" title="blue flower">
  <img src="klematis2.jpg" title="purple flowers">
  <img src="klematis3.jpg" title="two blue flowers">  
</body>

  
  
  




×

Reset the Score?

This will reset the score of ALL 138 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 138 CSS exercises.

Share your score:



Get Certified!

Take our CSS Developer Certificate to prove that you have fundamental knowledge of web development using CSS.