1. 홈
  2. 질의 응답
  3. CSS에서 그라디언트 색상을 적용하는 방법은 무엇입니까?

CSS에서 그라디언트 색상을 적용하는 방법은 무엇입니까?

2010-06-15 10 views

답변

0

, 당신은이를 사용할 수 있습니다

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

someurl.gif 이미지에는 원하는 그라데이션이 있어야합니다. 아주 작은 이미지로 만들 수 있으며 repeat-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

관련 문제

 관련 문제