1. дома
  2. Вопрос и ответ
  3. Как применить градиентный цвет в css?

Как применить градиентный цвет в css?

2010-06-15 3 views

ответ

0

, если вы хотите, чтобы ваш сайт, чтобы быть совместимым со всеми браузерами, вы можете использовать это:

background-image: url(someurl.gif); 
background-repeat: repeat-x;

someurl.gif изображение должно содержать требуемый градиент. Сделайте это как очень маленькое изображение, и вы можете продлить его с помощью повтора-x или repeat-y. в зависимости от того, что вы предпочитаете.

источник

2010-06-15 12:05:11 1s2a3n4j5e6e7v

2

CSS 3 supports gradients, но это не будет поддерживаться всеми браузерами (например, IE6).

Но вы могли бы сделать это, я думаю, это очень похож на предыдущий ответ:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
    body { 
     padding:0px; 
     margin:0px; 
    } 
    div#bg { 
     background: url(http://www.khiba.com/PSP/FALL01/Testgrad.jpg) repeat-x; 
     height:600px; 
    } 
</style> 
</head> 

<body> 
<div id="bg"> 
</div> 
</body> 
</html>

источник

2010-06-15 15:04:30 Ryano

Смежные вопросы

 Смежные вопросы