Html/CSS/Script | 배경이미지를 그라데이션화교 주기 linear-gradient

페이지 정보

작성자 : 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 날짜 : 작성일13-04-25 11:30 조회 : 207회

본문

<style type="text/css">
ul{list-style:none;}
ul li{float:left; width:33%; text-align:center; border:1px solid white; color:white; font-weight:bold;}
div {
padding:5px 0px;
/*위에서 아래로*/
 background-image: -webkit-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);          /* chrome, safari */
 background-image: -moz-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);          /* ff */
 background-image: -ms-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);          /* ie10 */
 background-image: -o-linear-gradient(top, #FF5A00 0%, #FFAE00 100%);     /*opera */
 background-image: linear-gradient(top, #FF5A00 0%, #FFAE00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF5A00, endColorstr=#FFAE00);  /* ie9 이하 버전 */
}
/*
왼쪽 아래에서 오른쪽 위로.. 45도
background-image: linear-gradient(45deg, #FF5A00, #FFAE00);
상단 FF5A00 , 하단 FFAE00
background-image: linear-gradient(top, #FF5A00 50%, #FFAE00 51%);
위에서부터 아래로 무지개 색상 균등하게
background-image: linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
*/
</style>
 
 

<ul>
     <li><div>5분자유발언</div></li>
     <li><div>도정질문</div></li>
     <li><div>의정활동사진</div></li>
</ul>
Total 63건 1 페이지
게시물 검색
웹스터디 목록
번호 제목 글쓴이 날짜 조회
63 Html/CSS/Script jQuery 선택자 사용하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17-03-27 268
62 Html/CSS/Script 브라우저 크기 실시간으로 체크하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17-02-03 191
61 Html/CSS/Script 모바일에서 확대/축소 않되게 하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16-04-21 133
60 Html/CSS/Script 브라우저 크기에따라서 ... 표시되게 하는 스타일 시트 반응형 홈페이지 만들때 쓰면 좋을듯... 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-12-17 117
59 Html/CSS/Script 모바일에서 스크롤 않되게 하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-12-14 96
58 Html/CSS/Script jsdelivr에 나눔 웹폰트 사용~ 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-06-17 161
57 Html/CSS/Script CKEditor 4.4.7 설치방법 첨부파일 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-04-24 104
56 Html/CSS/Script 오브젝트 그림자 css 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-23 120
55 Html/CSS/Script 롤링되는 공지글 구현할때 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-15 143
54 Html/CSS/Script 웹폰트 적용 스타일소스 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-02 138
53 Html/CSS/Script ssl 보안인증서 적용된 사이트로 자동전환되게 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-11-26 142
52 Html/CSS/Script 천단위(콤마)넣기 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-11-07 226
51 Html/CSS/Script IE6에서 Position: fixed 하단고정 레이어 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-05-06 275
50 Html/CSS/Script self.close()에 확인창없이 바로닫기 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-05-02 284
열람중 Html/CSS/Script 배경이미지를 그라데이션화교 주기 linear-gradient 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-04-25 208
48 Html/CSS/Script 그누보드에서 "회원아이디를 입력하지 않았거나 입력에 오류가 있습니다." 라고 메세지 나올때 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-03-06 233
47 Html/CSS/Script 웹접근성을 위한 퀵메뉴 + 확대/축소/기본 스크립트 첨부파일 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-11-29 232
46 Html/CSS/Script FCKEditor 설치및설정 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-05-11 392
45 Html/CSS/Script 비밀번호 숫자+영문 혼용 체크 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-04-30 303
44 Html/CSS/Script 영상재생스크립트 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-04-17 276
Today 153 Yesterday 287
Total 85,658