Làm thế nào để Tạo một nút Micro trong CSS3 - núm vú

Mặc dù mẫu CSS3 trông khá phức tạp, bạn có thể tạo một nút nhỏ tương đối nhanh. Các thủ tục sau đây dẫn bạn thông qua các nhiệm vụ tạo ra một nút nhỏ.

1. Chọn một kích thước cho nút trong trường Kích thước Nút.

   Kích thước nút xác định số lượng văn bản có thể xuất hiện trong nút vi mô. Bạn nên đặt kích thước trước khi thay đổi bất cứ điều gì khác vì kích thước của nút cũng sửa đổi những thay đổi khác xuất hiện trên màn hình như thế nào.

2. (Tùy chọn) Kiểm tra tùy chọn Góc tròn khi muốn (và khả dụng).

   Tùy chọn Góc tròn được chỉ khả dụng khi làm việc với nút 88 × 31.

3. (Tùy chọn) Chọn tùy chọn Sử dụng Hai Tiêu đề cho Văn bản khi bạn muốn (và khả dụng).

   Tùy chọn Hai dòng cho văn bản chỉ khả dụng khi làm việc với nút 88 × 31.

4. Chọn một màu cơ bản hoặc kiểm tra Base Color là Transparent.

   Màu cơ sở xuất hiện phía sau tất cả các phần tử khác của nút. Một cơ sở minh bạch sẽ cho phép nền để hiển thị thông qua. Màu cơ bản luôn cho kết quả hình vuông, ngay cả khi bạn kiểm tra tùy chọn Rounded Corners.

5. Chọn màu đường viền hoặc kiểm tra Màu đường viền là Trong suốt.

   Màu đường viền xác định bên ngoài nút thực tế, nhưng có một đường viền 1-điểm giữa cạnh của đường viền và phần cuối của đế, do đó cơ sở màu sẽ luôn hiển thị. Chọn tùy chọn Các góc tròn cho kết quả là đường viền có góc tròn.

   Chọn một tùy chọn trong hộp danh sách Font thả xuống.

6. Công cụ này cung cấp truy cập vào hai phông chữ khác nhau. Tùy chọn Sans-Serif hoạt động tốt nhất khi sử dụng nút 88 × 31 với thanh dọc.

   Chọn màu thanh hoặc làm cho thanh trong suốt.

7. Nút luôn sử dụng thanh dọc cho các nút 80x15, nhưng có thể sử dụng thanh dọc hoặc ngang cho các nút 88x31. Tên của tùy chọn thanh thay đổi để phù hợp với hướng của thanh.

   Gõ một giá trị vào trường Text Left Side.

8. Nút có thể chứa khoảng mười ký tự giá trị của tổng số văn bản khi làm việc với một dòng văn bản với thanh dọc. Mỗi hàng có thể chứa khoảng 19 ký tự giá trị văn bản (tổng cộng 38 ký tự) khi sử dụng hai hàng văn bản.

   Thiết lập màu nền phía bên trái và màu nền trước.

9. Bạn có thể sử dụng Bộ chọn màu hoặc nhập giá trị thập lục phân vào các trường thích hợp.

   Gõ một giá trị vào trường Text phía bên phải.

10. Thiết lập màu nền phía bên phải và màu nền trước.

11. Bạn có thể sử dụng Bộ chọn màu hoặc nhập giá trị thập lục phân vào các trường thích hợp.

    (Tùy chọn) Đặt Vertical Bar Position khi muốn (và khả dụng).

12. Cài đặt Vertical Bar Position chỉ được kích hoạt khi nút sử dụng thanh dọc. Hai dòng văn bản sử dụng toàn bộ chiều rộng của nút cho mỗi hàng.

    Nhấp vào Cập nhật.

13. Bạn thấy tất cả những thay đổi bạn đã thực hiện với nút.

    Thực hiện bất kỳ thay đổi bắt buộc nào và nhấp vào Cập nhật sau mỗi lần thay đổi.

14. Cuối cùng nút sẽ trông chính xác như bạn muốn nó.

    Nhấp chuột phải vào nút và chọn Lưu Hình ảnh Như từ trình đơn ngữ cảnh.

15. Bạn thấy một hộp thoại Save Image.

    16. Nhập tên bạn muốn sử dụng cho nút và nhấp vào Lưu.

16. Nút đã sẵn sàng để sử dụng.