.user-img {
width:100px;
border-radius:99px;
-moz-border-radius:99px;
-webkit-border-radius:99px;
background:red;
color:#fff;
border:0px #fff solid;
background-color: #E6E6E6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#ffffff)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #E6E6E6, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #E6E6E6, #ffffff); /* FF3.6 */
background-image: -ms-linear-gradient(top, #E6E6E6, #ffffff); /* IE10 */
background-image: -o-linear-gradient(top, #E6E6E6, #ffffff); /* Opera 11.10+ */
background-image: linear-gradient(top, #E6E6E6, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#ffffff');
-webkit-box-shadow: 0px 2px 4px #888888; /* Saf3-4 */
-moz-box-shadow: 0px 2px 4px #888888; /* FF3.5 - 3.6 */
box-shadow: 0px 2px 4px #888888; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
display:inline-block;
padding:0px;
margin:3px;
font-family:arial;
font-weight:bold;
}
<div class='user-img'><img src='회원이미지.jpg'></div>
사용하세요~
width:100px;
border-radius:99px;
-moz-border-radius:99px;
-webkit-border-radius:99px;
background:red;
color:#fff;
border:0px #fff solid;
background-color: #E6E6E6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#ffffff)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #E6E6E6, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #E6E6E6, #ffffff); /* FF3.6 */
background-image: -ms-linear-gradient(top, #E6E6E6, #ffffff); /* IE10 */
background-image: -o-linear-gradient(top, #E6E6E6, #ffffff); /* Opera 11.10+ */
background-image: linear-gradient(top, #E6E6E6, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#ffffff');
-webkit-box-shadow: 0px 2px 4px #888888; /* Saf3-4 */
-moz-box-shadow: 0px 2px 4px #888888; /* FF3.5 - 3.6 */
box-shadow: 0px 2px 4px #888888; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
display:inline-block;
padding:0px;
margin:3px;
font-family:arial;
font-weight:bold;
}
<div class='user-img'><img src='회원이미지.jpg'></div>
사용하세요~
게시글 목록
| 번호 | 제목 |
|---|---|
| 11483 | |
| 11481 |
jQuery
깔끔한 탭메뉴 드립니다.
1
|
| 11615 | |
| 11478 | |
| 11477 | |
| 11475 | |
| 11474 |
기타
3단 레이어 소스
|
| 11470 | |
| 11469 |
JavaScript
스크롤바 색깔 바꾸는 스크립트
|
| 11465 | |
| 11464 |
JavaScript
윈도우의 창띄위기 소스입니다.
|
| 11462 |
JavaScript
익스에서 깜박임 글자 구현법
1
|
| 11460 |
JavaScript
자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다
1
|
| 11458 |
JavaScript
새창띄우는 소스입니다.
1
|
| 11455 | |
| 11452 | |
| 11450 | |
| 11443 |
jQuery
제이쿼리를 이용한 펼침메뉴 1차입니다.
6
|
| 11438 | |
| 11435 |
PHP
메쏘드 static 선언
2
|
| 11433 |
JavaScript
마우스 오버시 이미지 바꾸기
1
|
| 11432 |
JavaScript
일정시간후 스크립트 실행
|
| 11430 |
정규표현식
구글 로봇 접근막기!
1
|
| 11428 |
PHP
시리얼번호생성기
1
|
| 20678 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기