cuốn sách gpt4 ai đã làm

html - nút đệm/khoảng cách đường viền bên ngoài

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 15:01:44 27 4
mua khóa gpt4 Nike

Tôi có một nút được thiết lập trên trang web tôi đang làm việc. Tôi muốn tạo đường viền 2px bên ngoài nút, có khoảng cách một chút. Xem hình ảnh thiết kế.

Tôi có thể tạo đường viền nhưng không thể tạo khoảng cách bên ngoài đường viền. Đây là trang web phát triển hiện tại. Nút là đồ họa đầu tiên.

Tôi đã thử hai phương pháp cho đến nay ..

  1. Thêm một đường viền trong suốt. Thật không may, tôi có thể thấy nền màu xanh của nút nên thao tác này không hoạt động.

    .hsContainer a.action_button {
    phần đệm: 15px 40px;
    đường viền: rgba rắn 5px(255, 255, 255, .0);
    đường viền: 2px rắn #fff;
    }
  2. Đã thêm một div bên ngoài nút và thêm đường viền có phần đệm vào đó.

    .nút trượt {
    phần đệm: 10px;
    border: 2px solid #fff;
    }

Mặc dù điều này có vẻ ổn ở phần trên và phần dưới, nhưng ở hai bên, nó kéo dài toàn bộ chiều dài của trang web. Tôi không thể thêm chiều rộng cố định vì chúng sẽ thay đổi nên tôi không chắc làm thế nào để nó hoạt động.

Có ý tưởng gì không?

câu trả lời hay nhất

Tôi tin rằng bạn đang tìm kiếmphác thảo bù đắp , như thế này:

.hsContainer a.action_button {
phần đệm: 15px 40px;
đường viền: 2px màu trắng;
phần bù phác thảo: 2px;
}

Về html - các nút đệm/khoảng cách đường viền bên ngoài, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/33222743/

27 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress