차

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

· 2013-11-18 (월) 11:03:13 · 1402 · 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개

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

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
16-03-02 조회 877
16-01-19 조회 507
15-12-23 조회 659
15-12-08 조회 1,309
14-10-30 조회 2,898
14-06-06 조회 2,311
12-08-30 조회 1,522
12-08-20 조회 1,288
12-07-15 조회 2,720
12-07-13 조회 1,495
12-07-06 조회 1,481
12-06-27 조회 1,032
12-06-23 조회 1,149
12-05-03 조회 3,113
12-04-20 조회 2,057
12-03-29 조회 2,378
12-03-22 조회 2,725
12-03-22 조회 1,470
12-03-21 조회 1,300
12-03-11 조회 1,637
12-03-06 조회 1,914
12-02-22 조회 2,256
12-02-17 조회 1,237
12-02-17 조회 4,282
12-02-14 조회 3,904