요즘 회원이미지 같은거 원으로 많이들하잖아요~

· 12년 전 · 2814 · 1
.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>

사용하세요~

|

댓글 1개

브라우져 호환에 제약이 있습니다
감사합니다
댓글을 작성하시려면 로그인이 필요합니다. 로그인

개발자팁

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
OS 12년 전 조회 4,773
PHP 12년 전 조회 3,610
기타 12년 전 조회 3,196
JavaScript 12년 전 조회 3,823
기타 12년 전 조회 4,893
기타 12년 전 조회 3,644
기타 12년 전 조회 3,791
기타 12년 전 조회 3,336
JavaScript 12년 전 조회 5,993
기타 12년 전 조회 3,993
PHP 12년 전 조회 3,729
PHP 12년 전 조회 1.4만
JavaScript 12년 전 조회 3,333
기타 12년 전 조회 3,497
기타 12년 전 조회 2,815
MySQL 12년 전 조회 6,766
jQuery 12년 전 조회 9,315
jQuery 12년 전 조회 9,463
MySQL 12년 전 조회 3,945
PHP 12년 전 조회 4,388
MySQL 12년 전 조회 3,750
기타 12년 전 조회 5,295
PHP 12년 전 조회 6,708
JavaScript 12년 전 조회 3,379
PHP 12년 전 조회 3,399
JavaScript 12년 전 조회 3,098
JavaScript 12년 전 조회 3,232
JavaScript 12년 전 조회 3,064
JavaScript 12년 전 조회 3,047
PHP 12년 전 조회 3,905
🐛 버그신고