.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>
사용하세요~
게시글 목록
| 번호 | 제목 |
|---|---|
| 11296 | |
| 11294 |
JavaScript
레이어팝업 스크립트 문의
1
|
| 11285 |
기타
vi로 URL 열기
8
|
| 11281 |
JavaScript
1원짜리팁 현재 사이트 쿠키 알아내기
3
|
| 11277 |
JavaScript
1원짜리팁 자바스크립트로 좌우 공백 제거구현하기
3
|
| 11275 | |
| 11273 | |
| 11265 | |
| 11263 | |
| 11260 | |
| 11258 |
PHP
캐쉬 삭제
1
|
| 11256 | |
| 11254 |
PHP
절댓값 리턴 함수
1
|
| 11251 |
JavaScript
자동 스크롤바 사용하기
2
|
| 11249 |
JavaScript
일주기 시간대별로 플래시무비 자동 교체시키기
1
|
| 11247 |
JavaScript
TEXTATEA 창늘리기~
1
|
| 11245 | |
| 20189 | |
| 11239 |
jQuery
상단 가운데 정렬 , 스크롤시 상단에 고정...
5
|
| 11233 | |
| 11228 |
jQuery
제이쿼리 효과2입니다.
4
|
| 11222 |
jQuery
제이쿼리 fadein 효과
5
|
| 11219 | |
| 11215 |
JavaScript
페이스북 댓글창, 좋아요 달기
3
|
| 11212 |
PHP
IP중간 * 표시 하기
2
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기