CSS CSS Selectors Selectors - Beyond the Basics Attribute Selectors Challenge

Juliet Netsai Chihwanda
Juliet Netsai Chihwanda
1,495 Points
Posted by Juliet Netsai Chihwanda
Juliet Netsai Chihwanda
1,495 Points

how to set border radius of 50%

style.css 
/* Complete the challenge by writing CSS below *
img[type="avatar"]{
border_radius:50%;
}
index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <form class="form-contact">
        <img src="avatar.png" title="avatar" alt="">

          <label for="un">Username:</label> 
          <input type="text" id="un">

        <label for="pw">Password:</label>
        <input type="password" id="pw">

          <input type="submit" value="Sign up">
        </form>
    </div>
</body>
</html>

1 Answer

Martin Sole
Martin Sole
80,275 Points
Martin Sole
Martin Sole
80,275 Points

Hi You are very close, border radius has a hyphen between the words rather than an underscore, so border-radius. Also in the attribute selector you need to target the title rather than type.