책 상세페이지 템플릿

가운데 정렬된 수평선 /
width: 100px; / 사진 크기 수정 /
height: auto; / 이미지 비율 유지 /
}

.rate {
background: url(https://aldo814.github.io/jobcloud/html/images/user/star_bg02.png) no-repeat;
width: 121px;
height: 20px;
position: relative;
cursor: pointer; / 마우스 커서를 손가락 모양으로 변경 /
margin-top: 10px; / 수정 /
}

    .rate span {
        position: absolute;
        background: url(https://aldo814.github.io/jobcloud/html/images/user/star02.png);
        width: auto;
        height: 20px;
        pointer-events: none; /* 이벤트를 통과시킴으로써 별점을 클릭할 수 있게 함 */
    }
    .dropdown {  /* 드롭박스 색깔 */
        position: relative;
        display: inline-block;
    }
    .dropdown .btn {
        background-color: #4CAF50; /* Green background */
        color: white; /* White text */
        padding: 10px; /* Some padding */
        font-size: 16px; /* Increased font size */
        border: none; /* Remove the default border */
        cursor: pointer; /* Pointer cursor on hover */
    }
    .dropdown .dropdown-menu {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        z-index: 1;
    }
    .dropdown .dropdown-menu a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
    .dropdown .dropdown-menu a:hover {
        background-color: #f1f1f1;
    }
</style>