Style for kbd : kbd : Text HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text » kbd »

Style for kbd


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Phrase elements</title>
<style type="text/css">
kbd {
  background-color: #f1e7dd;
  border: 1px outset #333;
  color: #333;
  padding: 2px 5px;
}

</style>
</head>

<body>

<p>Press <kbd>A</kbd>, then <kbd>B</kbd>, then <kbd>C</kbd>. Finally, press the <kbd>Enter</kbd> key to continue. </p>
</body>
</html>