HTML/CSS/IE Firefox/ moz border

Материал из Web эксперт
Версия от 11:17, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Round corner in Firefox

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> 

    <head>
     <meta http-equiv="content-type" content="text/xhtml; charset=windows-1252" />
     <meta http-equiv="content-language" content="en-us" />
       <style type="text/css">
           h1 {
               padding: 5px;
               border-bottom: 5px solid black;
               width: 510px;
               -moz-border-radius-topleft: 10px;
               -moz-border-radius-topright: 10px;
           }
           div {
                background: gray;
               padding: 10px;
               width: 500px;
               -moz-border-radius-bottomleft: 10px;
               -moz-border-radius-bottomright: 10px;
               clear: left;
           }
           h2 {
               font-size: 11pt;
               -moz-border-radius: 10px;
               padding: 3px;
           }
       </style>
   </head>
   <body>

This is the title

faq

  • <a href="#">Q.</a>
  • <a href="#">Q.</a>
  • <a href="#">Q.</a>
  • <a href="#">Q.</a>
  • <a href="#">Q.</a>
  • <a href="#">Q.</a>

Q. ? <a href="#">top</a>

This is a test. 

   </body>

</html> 

</source>


Round form corner

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> 

    <head>
       <style type="text/css">
           h1 {
               font-size: 18pt;
               padding: 5px;
               border-bottom: 5px dashed #fff;
               letter-spacing: -2px;
               -moz-border-radius-topleft: 10px;
               -moz-border-radius-topright: 10px;
           }
           form {
               background: #aaa;
               padding: 10px;
               -moz-border-radius-bottomleft: 10px;
               -moz-border-radius-bottomright: 10px;
           }
           form h2, form label {
               font-size: 11pt;
               -moz-border-radius: 10px;
               padding: 3px;
           }
           div input, div textarea {
               margin: 3px;
               padding: 4px;
               background: #ccc;
               font-weight: bold;
               -moz-border-radius: 10px;
               color: black;
           }
           input#button {
               background: black;
               font-weight: bold;
               -moz-border-radius: 10px;
               color: white;
           }
       </style>
       <title>Feedback Form</title>
   </head>
   <body>

Header 1

       <form>

This is the title.

               <label for="feedback[name]">Name:</label>
               <input type="text" size="25" name="feedback[name]" />

               <label for="feedback[email]">Email:</label>
               <input type="text" size="25" name="feedback[email]" />

               <label for="feedback[message]" class="spanform">Comments:</label>
               <textarea name="feedback[message]" cols="40" rows="6" wrap="virtual"></textarea>

               <input type="submit" name="feedback[action]" value="Submit" id="button" />

       </form>
   </body>

</html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/IE_Firefox/_moz_border&oldid=5551»