Home/ Questions/Q 630427
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T19:51:13+00:00

Why does this work: <div style=background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid

  • 0

Why does this work:

 <div style="background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000;
    padding: 10px;">testing 10,9,8,7
</div>

And this does not?

<div style="roundedCornerBox">
    testing 10,9,8,7
</div>

Where I have created a css file that says:

body {
  background-color: #FFFFFF;
  text-align: center;
}

roundedCornerBox {
   background-color: #ccc;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 1px solid #000;
   padding: 10px;
}

Here is my HTML code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title></title>
     <link rel="stylesheet" href="lib/css/style.css" />      
</head>

<body>
<div style="roundedCornerBox">
    testing 10,9,8,7
</div>

<div style="background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000;
    padding: 10px;">
        testing 10,9,8,7
 </div>
 </body>
 </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Are you sure you dont mean:

    <div class="roundedCornerBox">
    testing 10,9,8,7
</div>

    and

    .roundedCornerBox {
   background-color: #ccc;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 1px solid #000;
   padding: 10px;
}

    You need the dot to identify a css class and to use that css class you need to place the class name in the class attribute on the dom element.

    • 0