Rumah hujung hadapan web tutorial css Dw中不用CSS样式为表格添加细线边框的方法

Dw中不用CSS样式为表格添加细线边框的方法

Jun 21, 2018 pm 03:52 PM
dreamweaver Tambah ke lembaran

这篇文章主要介绍了关于Dw中不用CSS样式为表格添加细线边框的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

用CSS添加细线可以.不用也可以.本文就是介绍不用CSS也给表格添加细线的方法

近段时间在学习Dreamweaver做网站,正在学表格这一章呢,结果发现表格的边框设置非常的不好,就是设为边框1也特别的粗,我希望不用CSS样式为表格添加细线边框,真的太难看了,如图:

设置:
设置
效果:
效果
有没有好的办法呢,在网上找了很久,大多都是讲样式,我还没学呢,我也知道样式当然是很多很好,可以设置成丰富的表格,虚线啊,双线啊什么的,但必竟要对样式非常的了解,后来通过我的实践,我找到了一种方法,呵呵,我这里只是讲不必用CSS样式来实现的一种最为简单的方法,注意一下哦,我只是说是个人的一种小方法,也谈不上技巧。
我发现只需把边框设为0,间距设为1,填充设为0,就可以了,然后你想边框设置成什么颜色就把表格的背景设为什么颜色,里面的颜色设为页面背景一样的颜色就可以了。如图:

设置:
表格设置

效果:
表格效果
这里我把表格的背景设为蓝色(#0000FF),表格里面设置为白色,代码如下:

<table  bgcolor="#0000FF" width="300" border="0" cellpadding="0" cellspacing="1">
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
 <td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
Salin selepas log masuk

这样,不用CSS样式为表格添加细线边框还行吧,想要什么颜色就改成什么颜色,不必样式也可完成,呵呵。

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

如何使用CSS3制作彩色进度条样式

如何使用CSS3中appearance属性改变元素的外观

如何实现CSS3自定义滚动条样式

Atas ialah kandungan terperinci Dw中不用CSS样式为表格添加细线边框的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaraskan kedudukan teks dalam dreamweaver Bagaimana untuk melaraskan kedudukan teks dalam dreamweaver Apr 09, 2024 am 02:24 AM

Melaraskan kedudukan teks dalam Dreamweaver boleh diselesaikan dengan langkah berikut: Pilih teks dan gunakan pelaras kedudukan teks untuk membuat pelarasan mendatar: penjajaran kiri, penjajaran kanan, penjajaran tengah 2. Buat pelarasan menegak: penjajaran atas, penjajaran bawah, menegak tengah; 3. Tekan kekunci Shift dan gunakan kekunci anak panah untuk memperhalusi kedudukan 4. Gunakan kekunci pintasan untuk menjajarkan dengan cepat: penjajaran kiri (Ctrl/Cmd + L), penjajaran kanan (Ctrl/Cmd + R), penjajaran tengah; (Ctrl/Cmd + C).

Bagaimana untuk menambah video ke penghasilan halaman web dreamweaver Bagaimana untuk menambah video ke penghasilan halaman web dreamweaver Apr 09, 2024 am 01:42 AM

Benamkan video menggunakan Dreamweaver: Masukkan elemen video. Pilih dan muat naik fail video. Tetapkan jenis video, URL, saiz, automain dan kawalan. Sisipkan video. Pilihan: Sesuaikan penampilan video.

Bagaimana untuk melaraskan jarak baris dalam dreamweaver Bagaimana untuk melaraskan jarak baris dalam dreamweaver Apr 09, 2024 am 03:00 AM

Melaraskan jarak baris dalam Dreamweaver ialah proses empat langkah: pilih teks, buka panel Perenggan, laraskan pilihan Jarak Baris, dan akhirnya klik OK untuk menggunakan perubahan.

Bagaimana untuk menambah gambar ke dreamweaver Bagaimana untuk menambah gambar ke dreamweaver Apr 09, 2024 am 03:30 AM

Untuk memasukkan gambar dalam Dreamweaver, klik menu Sisipkan dan pilih Imej, kemudian navigasi ke fail gambar dan pilihnya. Kaedah lain termasuk menyeret dan menjatuhkan fail atau memasukkan kod HTML secara langsung. Melaraskan sifat termasuk menukar saiz, penjajaran, menambah sempadan dan memasukkan teks alt.

Bagaimana untuk mengeksport laman web dreamweaver selepas menciptanya Bagaimana untuk mengeksport laman web dreamweaver selepas menciptanya Apr 09, 2024 am 01:27 AM

Mengeksport halaman web dalam Dreamweaver melibatkan langkah berikut: Eksport fail HTML: Pilih Eksport daripada menu Fail, pilih HTML, pilih nama fail dan lokasi, dan klik Simpan. Eksport fail CSS dan JavaScript: Pilih Eksport daripada menu Fail, pilih CSS atau JavaScript, pilih nama fail dan lokasi, dan klik Simpan. Eksport imej: Klik kanan imej, pilih "Eksport", pilih format imej dan nama fail, dan klik "Simpan".

Bagaimana untuk menetapkan fon dreamweaver Bagaimana untuk menetapkan fon dreamweaver Apr 09, 2024 am 02:54 AM

Anda boleh menetapkan fon dalam Dreamweaver dengan memilih fon, saiz dan warna menggunakan panel Properties. Gunakan CSS untuk menetapkan fon untuk keseluruhan tapak web anda atau elemen tertentu. Tetapkan fon terus dalam kod HTML menggunakan teg "font".

Bagaimana untuk menetapkan perisian reka bentuk web Dreamweaver kepada bahasa Cina Bagaimana untuk menetapkan perisian reka bentuk web Dreamweaver kepada bahasa Cina Apr 09, 2024 am 12:39 AM

Untuk menetapkan Dreamweaver kepada bahasa Cina, ikuti langkah berikut: Buka Dreamweaver; tukar Bahasa Antara Muka Pengguna kepada Bahasa Cina Mudah atau Cina Tradisional dalam pilihan mulakan semula Dreamweaver" item untuk mengesahkan tetapan bahasa.

Bagaimana untuk menetapkan saiz teks dalam dreamweaver Bagaimana untuk menetapkan saiz teks dalam dreamweaver Apr 09, 2024 am 02:18 AM

Untuk menetapkan saiz teks dalam Dreamweaver, cuma: Pilih teks Pergi ke menu Teks Pilih Saiz Fon Pilih saiz yang anda mahu Tekan Enter untuk menyimpan

See all articles