Di Dreamweaver, jika Anda memasukkan Aturan Horizontal (garis horizontal), garis ini hanya berwarna abu-abu secara default. Apa yang harus Anda lakukan jika Anda ingin menyisipkan garis lurus dengan warna lain (walaupun setipis piksel)?
Pertama, masukkan Aturan Horizontal pada posisi yang sesuai di jendela dokumen (jendela pengeditan halaman web), dan
tekan ctrl + F3 untuk menampilkannya. naik panel pemeriksa Properti),
Di panel properti ini, hapus centang pada kotak di depan bayangan. Masukkan nilai piksel (piksel) atau persentase dalam W untuk mengatur panjang garis ini. Di H, memasukkan 1 dapat membuat garis ini sangat tipis, setipis satu piksel. Jika Anda menginginkan garis yang lebih tebal, masukkan nilai H yang lebih besar. Dengan cara ini, kabel tipis dimasukkan, tetapi Anda akan menemukan bahwa kabel ini berwarna abu-abu, dan warnanya tidak dapat diatur di panel properti. Jika ingin mengatur warna lain, Anda dapat mengontrolnya melalui css. Menyiapkan css sangat mudah di DreamWeaver, dan Anda bahkan tidak perlu memahami sintaks css sama sekali.
Pilih gaya CSS |. Gaya Baru di bawah menu Teks,
Di kotak dialog "Gaya Baru", masukkan nama di kolom nama, seperti "garis warna", dan pilih "Hanya dokumen ini" di tombol radio Tentukan )" dan klik OK. Kotak dialog Definisi gaya untuk .colorline kemudian akan muncul:
Pada type project, pilih warna yang diinginkan, misalnya merah, lalu klik ok, lalu klik selesai, dan gaya baru akan dibuat. Pilih garis tipis di jendela pengeditan halaman web dan klik Teks |. Gaya CSS |. Garis warna (garis warna adalah gaya baru yang baru saja dibuat). Di jendela pengeditan halaman web, warna garis masih abu-abu, tetapi tekan F12 untuk mempratinjaunya di browser Anda dapat melihat bahwa warna garis tipis yang disisipkan telah berubah menjadi merah yang Anda inginkan.
Ada cara lain untuk menyisipkan garis tipis berwarna, bahkan setipis satu piksel. Pertama, masukkan tabel dengan satu baris dan satu kolom ke dalam jendela pengeditan halaman web, lalu masukkan gambar transparan berukuran 1 piksel × 1 piksel ke dalam tabel (kontrol halaman). di dreameaver4 Gambar pengatur jarak yang digunakan dalam tata letak persis seperti gambar itu, jadi jika Anda tidak tahu cara menggunakan perangkat lunak untuk membuat gambar seperti itu, Anda dapat membuatnya di dreameaver4 seperti ini:
Di panel Objek, pertama-tama klik tampilan tata letak di panel Tampilan Objek, lalu klik gambar tabel tata letak, seret di jendela pengeditan halaman web untuk menghasilkan tabel tata letak, dan klik Tambahkan spacer di menu tarik-turun tabel tajuk.gambar,
Buat dan simpan gambar spacer. Gambar spacer ini adalah gambar transparan berukuran 1 piksel × 1 piksel). Kemudian atur properti tabelnya menjadi: H (tinggi) adalah 1 piksel (1 piksel), W (lebar) adalah lebar yang diinginkan (dapat dimasukkan nilai piksel atau persentasenya), masukkan angka 0 pada cellpad, cellspace, dan border, dan kemudian Pilih warna yang diinginkan pada Bg Color (warna latar belakang), dan disisipkan garis tipis horizontal berwarna.
Jika nilai H dinaikkan maka garis akan menjadi lebih tebal. Jika ingin menyisipkan garis tipis vertikal berwarna, atur H ke nilai ketinggian yang diinginkan, atur W ke 0, dan pengaturan lainnya sama seperti di atas untuk menyisipkan garis tipis vertikal. Di jendela pengeditan halaman web, warnanya masih abu-abu, tetapi tekan F12 untuk melihat pratinjau dan Anda dapat melihat di browser bahwa warna garis tipis yang disisipkan telah berubah menjadi warna yang Anda inginkan.