Corak Latar Belakang CSS

Jana corak latar belakang berulang CSS tulen tanpa sebarang fail imej. Pilih daripada lima jenis corak terbina dalam — titik, grid, pepenjuru, zigzag, dan gelombang — pilih warna latar depan dan latar belakang, tetapkan saiz jubin, dan alat ini memancarkan deklarasi background-image / background-size yang tepat yang diperlukan untuk menghasilkan semula corak tersebut.

1. Pilih Corak daripada menu juntai bawah (titik, grid, pepenjuru, zigzag, gelombang). 2. Tetapkan warna latar depan (garisan atau titik) dan warna latar belakang dengan pemilih warna. 3. Seret peluncur Saiz (5–50px) untuk menukar jarak jubin. 4. Salin CSS yang dijana, yang sudah merangkumi sifat background-color, background-image, dan background-size yang diperlukan.

titik: radial-gradient titik pada grid. grid: linear-gradient bersilang membentuk grid. pepenjuru: repeating-linear-gradient jalur pada 45deg. zigzag: empat linear-gradient berlapis membentuk jubin zigzag. gelombang: lengkok radial-gradient diulang secara mendatar. Saiz mengawal dimensi jubin dalam piksel dan digunakan setiap corak seperti yang didokumenkan dalam sumber.