테두리 그라디언트는 border-radius와 호환됩니까?

둥근 테두리(테두리 반경)로 입력 상자의 스타일을 지정하고 테두리에 그라데이션 효과를 추가하려고 합니다. 그라데이션과 둥근 테두리를 성공적으로 만들 수 있지만 동시에 둘 다 만들 수는 없습니다. 둥근 모서리가 있지만 그라데이션이 없거나, 그라데이션이 있지만 둥근 모서리가 없습니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  518

데이터베이스 추가 오류

< 스타일="글꼴 크기: 18.368px; 테두리 하단: 2px 단색 rgb(255, 0, 0); 여백: 0px 0px 0.2em; 테두리 상단 색상: rgb(255, 0, 0); 테두리- 오른쪽 색상: rgb(255, 0, 0); 테두리 왼쪽 색상: rgb(255,

P粉575645754 2022-06-08 14:05:35 0  1  1353

그라데이션이 있는 테두리 이미지에 테두리 반경을 사용할 수 있나요?

원형 테두리(테두리 반경)가 있는 입력 필드를 디자인하고 해당 테두리에 그라데이션을 추가하려고 합니다. 그라데이션과 원형 테두리를 성공적으로 만들 수 있지만 둘 다 함께 사용할 수는 없습니다. 그라디언트가 없는 둥근 모서리이거나 그라디언트가 있지만 둥근 모서리가 없는 테두리입니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  581

테이블의 열 테두리를 만드는 방법은 무엇입니까?

스크린샷에 표시된 대로 테이블을 만들어야 합니다. 결과는 무엇입니까? 문제: "등록됨" 열의 스크린샷처럼 녹색 테두리를 만들 수 없습니다. 질문: 표라면 이 테두리를 어떻게 만드나요? div에서 재정의를 시도했지만 아무것도 작동하지 않았습니다. style.container{table{width:100%;border-collapse:collapse;thead{tr{th{padding-bottom:18px;width:230px;&: fi

P粉176151589 2024-01-16 19:25:40 0  2  462

CSS - img 태그에 테두리가 있음

img 태그에서 테두리를 어떻게 제거합니까? {코드...} 웹 페이지에 테두리를 넣기 위해 이미지 경로를 사용하지 않았는데, border:0을 사용해도 없앨 수 없었습니다....

PHP中文网 2017-06-12 09:24:40 0  3  998

테두리 반경이 있는 그라데이션 테두리 만들기

나는 아래 CSS:a.btn.white-grad{배경:$lgrey;color:#313149!important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570) ;국경-이미지-슬라이스:20;float:왼쪽;@include글꼴-크기(

P粉930448030 2023-08-13 16:23:14 0  2  483

javascript - 마우스를 올리면 빨간색 테두리가 표시되는 효과를 얻는 방법

이 효과를 만든 사람은 누구입니까? ​​이것은 내가 작성한 것입니다. border-right:1px solid #eee;border-bottom:1px solid #eee; 왼쪽을 만드는 방법 ul li:hover{border-color:#ed9639 ;} 마우스를 가리키면 빨간색 픽셀 프레임도 있습니다.

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1287

squarespace의 mp4 비디오에 원형 테두리를 추가하는 방법

정사각형 공간 비디오에 테두리 반경을 추가하려고 하는데 작동하지 않습니다. 이 작업을 수행하는 방법을 아는 사람이 있나요? 비디오에 원형 테두리를 넣으려고 하는데 다음 코드를 사용해 보았습니다: #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

P粉781235689 2023-08-31 16:24:14 0  1  611

패딩 및 내부 테두리

기본적으로 두 개의 상자가 있는데, 하나는 다른 하나 안에 있습니다. 외부 상자의 경우 모든 내부 텍스트의 패딩을 10px로 설정했지만 내부 상자의 테두리는 이 규칙을 따르지 않는 것 같습니다. .plan{display:block;margin:20px20%;width:auto;border:2pxsolid;border-radius:5px;}.plan*{text-꾸밈:none;padding:0px10px;}.plan*.

P粉448130258 2023-08-17 12:46:37 0  1  514

HTML 및 Bootstrap 5를 사용하여 테이블의 행 사이에 공간 만들기

현재 내 콘텐츠가 포함된 테이블이 있지만 각 행 사이에 공백이 있어 명확하게 구분되기를 원하는 것 같습니다. td 요소와 tr 요소의 테두리 간격에 패딩을 사용해 보았습니다. bootstrap5에서 이 작업을 수행하는 가장 쉬운 방법은 무엇입니까? 아래는 내 HTML 및 CSS.icon-green{color:green;}table{border-collapse:separate;border-spacing:015px;}th,td{입니다.

P粉300541798 2024-03-29 15:09:13 0  1  397

[프론트엔드 취업 필독] 프론트엔드 개발 면접 질문과 답변_CSS

CSS: CSS 박스 모델을 소개하시나요? (1) IE 상자 모델과 표준 W3C 상자 모델의 두 가지 유형이 있습니다. IE의 콘텐츠 부분에는 테두리와 패딩이 포함됩니다. (2) 상자 모델: 콘텐츠, 패딩, 여백, 테두리). CSS 선택자는 무엇입니까? 어떤 속성을 상속받을 수 있나요? 우선순위 알고리즘은 어떻게 계산되나요? CSS3의 새로운 의사 클래스는 무엇입니까? * 1.id 선택자(#myid)

天蓬老师 2017-11-13 13:03:00 0  1  1911

검색 입력을 왼쪽으로 확장하고 싶습니다.

검색창을 왼쪽으로 확장하려고 했는데 왠지 너비를 차지하고 오른쪽으로 확장됩니다. 왼쪽 여백을 주려고 시도했지만 여전히 작동하지 않습니다. 여기서는 오른쪽으로 확장되지만 저는 왼쪽으로 확장하고 싶습니다. 왼쪽 패딩을 추가하려고 시도했지만 상자 외부가 아닌 상자 내부에 영향을 미칩니다. .search-click{border:1pxsolid#ccc;개요:없음;배경 크기:22px;배경 위치:13px;border-radius:100px

P粉827121558 2024-02-26 18:09:43 0  2  437

CSS: 그림자를 사용하여 Vuetify 대화 상자 내부 div에서 그림자 제거

div에 CSS를 사용하여 삼각형이 추가된 대화 상자가 있습니다. 그러나 CSS의 비결은 테두리 부분이 투명하다는 것입니다. 내가 해결하려는 문제는 대화 상자 자체에서 그림자를 제거하지 않고 투명 테두리에서 그림자를 제거하는 것입니다. 이것을 div에 추가하면 작동하지 않습니다. box-shadow:none; 제거하려는 콘텐츠의 그림은 다음과 같습니다. 이 삼각형을 생성하는 div의 클래스는 다음과 같습니다. .arrow-up{width:0;height :0; 테두리 왼쪽:25pxsolidtransparent;

P粉826429907 2023-09-13 19:57:28 0  1  634

사용자 에이전트 스타일 시트의 역할 이해

저는 Google Chrome에서 웹페이지 작업을 하고 있습니다. 다음 스타일을 올바르게 표시합니다. table{display:table;border-collapse:separate;border-spacing:2px;border-color:gray;} 이러한 스타일은 제가 정의하지 않았습니다. Chrome 개발자 도구에서는 CSS 파일 이름을 사용자 에이전트 스타일시트로 바꿉니다. 이제 양식을 제출했는데 일부 유효성 검사 오류가 발생하면 다음 스타일시트가 표시됩니다.

P粉277464743 2023-08-27 13:14:56 0  2  600

완전히 테두리가 있는 Vuetify HTML 테이블 구현: 단계별 가이드

테두리 테이블을 지원하지 않는 Vuetify 테이블을 사용하는 Vue 앱이 있습니다(그러나 https://github.com/vuetifyjs/vuetify/issues/16336 참조). 그래서 내 CSS를 사용하여 누락된 테두리를 추가해 보았습니다. 다음 예에서는 (링크 복사) <template><v-app><v-main><v-table><thead><

P粉373596828 2023-09-03 18:46:38 0  2  635

CSS3 flex 하위 요소에 테두리를 추가한 후의 문제

상위 요소를 flex로 설정한 후 하위 요소 {flex:0 0 33.3333%}는 동일한 행에서 3개의 동일한 부분으로 나눌 수 있습니다. 그러나 하위 요소에 테두리를 추가하면 2개만 배열할 수 있습니다. Flex는 탄력적으로 확장 및 축소되며 테두리 너비는 계산되지 않습니다.

漂亮男人 2017-05-16 13:27:46 0  2  994

고정 헤더와 회전된 열 헤더가 있는 테이블

고정된 헤더와 고정된 첫 번째 열이 있는 테이블이 있습니다. 또한 열 머리글을 45도 회전하고 싶습니다. 고정 제목에는 배경색을 설정해야 합니다. 그러나 다음 열의 배경이 이전 열의 텍스트와 겹치기 때문에 45도 회전된 헤더에 문제가 발생합니다. 다음은 문제의 예입니다. .fixed_table{white-space:nowrap;margin:0;border:none;border-collapse:separate;border-spacing:0;table-layout:

P粉762730205 2024-04-03 08:50:32 0  1  526