Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS
  • C 프로그래밍
    •   
  • C++
    •   
  • Redis
    •   
  • BASH 프로그래밍
    •   
  • Python
    •   
  • Java
    •   
  • 데이터 베이스
    •   
  • HTML
    •   
  • JavaScript
    •   
  • 프로그램 작성
    •   
  • CSS
    •   
  • Ruby
    •   
  • SQL
    •   
  • IOS
    •   
  • Android
    •   
  • MongoDB
    •   
  • MySQL
    •   
  • C＃
    •   
  • PHP
    •   
  • SQL Server

    • CSS

    1. CSS로 hr 요소의 스타일을 지정하는 방법은 무엇입니까?

      CSS로 hr 요소의 스타일을 지정하려면 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, san

    2. CSS로 쿠폰을 만드는 방법은 무엇입니까?

      CSS로 쿠폰을 만들려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-ser

    3. CSS를 사용하여 기본 목록을 목록 그룹으로 변환하는 방법은 무엇입니까?

      기본 목록을 CSS를 사용하여 목록 그룹으로 변환하는 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva,

    4. CSS를 사용하여 글머리 기호 없이 정렬되지 않은 목록을 만드는 방법은 무엇입니까?

      CSS를 사용하여 글머리 기호 없이 정렬되지 않은 목록을 만들려면 코드는 다음과 같습니다. - 예 <!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    ul {       list-style-type: no

    5. CSS로 반응형 타이포그래피를 만드는 방법은 무엇입니까?

      CSS로 반응형 타이포그래피를 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <head> <style>    h1 {       font-size: 10vw;    }    p {   &

    6. CSS로 반응형 컷아웃/녹아웃 텍스트를 만드는 방법은 무엇입니까?

      CSS로 반응형 녹아웃 텍스트를 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}   &n

    7. CSS로 프리로더를 만드는 방법은 무엇입니까?

      CSS로 프리로더를 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-s

    8. CSS로 간단한 별표 평점 모양을 만드는 방법은 무엇입니까?

      CSS로 간단한 별표 평점 모양을 만들려면 코드는 다음과 같습니다. − 예시 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <style>    body {       font-family:

    9. CSS로 사용자 평가 스코어카드를 만드는 방법은 무엇입니까?

      CSS로 사용자 평가 스코어카드를 생성하기 위한 코드는 다음과 같습니다. - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/

    10. CSS로 오버레이 효과를 만드는 방법은 무엇입니까?

      CSS로 오버레이 효과를 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fontawesome.min.css"> <style> body {    font-family: Arial;    } &nbs

    11. CSS로 연락처 칩을 만드는 방법은 무엇입니까?

      CSS로 연락처 칩을 만들려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif

    12. CSS로 카드를 만드는 방법은 무엇입니까?

      CSS로 카드를 만들려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; &

    13. CSS로 플립 카드를 만드는 방법은 무엇입니까?

      CSS로 플립 카드를 만들려면 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-seri

    14. CSS로 프로필 카드를 만드는 방법은 무엇입니까?

      CSS로 프로필 카드를 생성하는 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .profileCard {       box-shadow: 0 4px 8px 0 r

    15. CSS로 제품 카드를 만드는 방법은 무엇입니까?

      CSS로 제품 카드를 생성하는 코드는 다음과 같습니다 - 예시 body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } .productCard { 상자 그림자:0 4px 8px 0 rgba(0, 0, 0, 0.2); 최대 너비:300px; 여백:자동; 텍스트 정렬:가운데; 글꼴 패밀리:arial; 배경색:rgb(190, 224, 224); } .productDetails { 색상:rgb(26, 0, 51); 글꼴 두께:굵게; 글꼴 크기:18px; } 버튼 { 테두리:

    16. CSS로 경고 메시지를 만드는 방법은 무엇입니까?

      CSS로 경고 메시지를 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-s

    17. CSS로 툴팁을 만드는 방법은 무엇입니까?

      CSS로 툴팁을 생성하기 위한 코드는 다음과 같습니다 - 예시 <!DOCTYPE html> <html> <style>    body {       text-align: center;       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .tooltip {       po

    18. 상자 크기 조정이 있는 CSS3 상자 너비

      box-sizing 속성을 사용하여 요소의 너비뿐만 아니라 높이를 변경합니다. 다음은 CSS3 −를 사용하여 상자 크기를 조정하는 상자 너비에 대한 코드입니다. 예시 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {    width: 200px;    heig

    19. CSS로 호버에 요소를 표시하는 방법은 무엇입니까?

      CSS로 마우스 오버 시 요소를 표시하려면 코드는 다음과 같습니다. − 예시 <!DOCTYPE html> <html> <head> <style>    body{       margin:20px;       padding:20px;       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    } &

    20. 마우스 오버 시 이미지 불투명도 변경

      :hover 선택기와 함께 opacity 속성을 사용하여 마우스 오버 시 불투명도를 변경합니다. 다음은 마우스 오버 시 이미지 불투명도를 변경하는 코드입니다 - 예시 <!DOCTYPE html> <html> <head> <style> body{    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .transparent{    width:270px;    h

    Total 1566 -컴퓨터  FirstPage PreviousPage NextPage LastPage CurrentPage:10/79  20-컴퓨터/Page Goto:1 4 5 6 7 8 9 10 11 12 13 14 15 16