.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>
사용하세요~
게시글 목록
| 번호 | 제목 |
|---|---|
| 12438 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 12437 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 12436 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 12435 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 12434 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 12433 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 12432 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 12431 |
MySQL
대소문자 데이터 조회하기
|
| 12430 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
| 12429 | |
| 12428 |
PHP
신문 기사를 긁어오기 입니다.
|
| 12427 |
JavaScript
시도, 구군, 동 주소 select
|
| 12426 |
MySQL
커리로 DB 테이블 명세서 출력하기
|
| 12425 |
JavaScript
브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다
|
| 12424 |
PHP
rss 읽어오기 입니다.
|
| 12423 |
JavaScript
자바스크립트로 Ajax 효과내기 입니다.
|
| 12422 | |
| 12421 |
JavaScript
키보드,마우스 등 불펌방지 입니다.
|
| 12420 |
JavaScript
해상도에 따라 서로 다른 페이지로 접속 하기 입니다.
|
| 12419 |
JavaScript
특정페이지에서 자동으로 새로고침 하기 입니다.
|
| 12418 |
JavaScript
마우스 오버시 이미지 안쪽에 테두리주기
|
| 12417 |
node.js
git 사용메뉴얼 보면 깝깝 하네요
|
| 12416 | |
| 12415 | |
| 12414 |
JavaScript
간결한 레이어 메뉴 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기