ใน Dreamweaver หากคุณแทรกกฎแนวนอน (เส้นแนวนอน) เส้นนี้จะเป็นสีเทาตามค่าเริ่มต้น ในหลายกรณี สิ่งนี้ไม่เป็นไปตามข้อกำหนดของเรา คุณควรทำอย่างไรถ้าคุณต้องการแทรกเส้นตรงของสีอื่นๆ (แม้จะบางเท่ากับพิกเซล)
ขั้นแรก ให้แทรกกฎแนวนอนในตำแหน่งที่เหมาะสมในหน้าต่างเอกสาร (หน้าต่างแก้ไขหน้าเว็บ) แล้ว
กด ctrl + F3 เพื่อนำมา ขึ้นแผงตรวจสอบคุณสมบัติ)
ในแผงคุณสมบัตินี้ ให้ยกเลิกการเลือกช่องด้านหน้าการแรเงา ป้อนค่าพิกเซล (พิกเซล) หรือเปอร์เซ็นต์เป็น W เพื่อกำหนดความยาวของเส้นนี้ ใน H การป้อน 1 จะทำให้เส้นนี้บางมาก บางเท่ากับ 1 พิกเซล หากคุณต้องการเส้นหนาขึ้น ให้ป้อนค่าที่มากขึ้นในรูปแบบ H ด้วยวิธีนี้ลวดเส้นเล็กจะถูกแทรกเข้าไป แต่คุณจะพบว่าสายนี้เป็นสีเทาและไม่สามารถตั้งค่าสีในแผงคุณสมบัติได้ หากคุณต้องการตั้งค่าสีอื่น คุณสามารถควบคุมได้ผ่าน CSS การตั้งค่า css นั้นง่ายมากใน DreamWeaver และคุณไม่จำเป็นต้องเข้าใจไวยากรณ์ของ css เลยด้วยซ้ำ
เลือกสไตล์ CSS | รูปแบบใหม่ใต้เมนูข้อความ
ในกล่องโต้ตอบ "สไตล์ใหม่" ให้ป้อนชื่อในคอลัมน์ชื่อ เช่น "เส้นสี" และเลือก "เอกสารนี้เท่านั้น" ในปุ่มตัวเลือกกำหนด )" แล้วคลิกตกลง กล่องโต้ตอบคำจำกัดความสไตล์สำหรับ .colorline จะปรากฏขึ้น:
ในโปรเจ็กต์ประเภท ให้เลือกสีที่คุณต้องการ เช่น สีแดง จากนั้นคลิกตกลง จากนั้นคลิกเสร็จสิ้น และสร้างสไตล์ใหม่ เลือกเส้นบางๆ ในหน้าต่างแก้ไขหน้าเว็บแล้วคลิกข้อความ | สไตล์ CSS | (เส้นสีคือสไตล์ใหม่ที่เพิ่งสร้างขึ้น) ในหน้าต่างแก้ไขหน้าเว็บ สีของเส้นยังคงเป็นสีเทา แต่กด F12 เพื่อดูตัวอย่าง ในเบราว์เซอร์ คุณจะเห็นว่าสีของเส้นบางๆ ที่แทรกไว้เปลี่ยนเป็นสีแดงตามที่คุณต้องการ
มีอีกวิธีหนึ่งในการแทรกเส้นบางๆ ที่มีสี แม้จะบางเท่ากับหนึ่งพิกเซล ขั้นแรกให้แทรกตารางที่มีหนึ่งแถวและหนึ่งคอลัมน์ในหน้าต่างแก้ไขหน้าเว็บ จากนั้นจึงแทรกรูปภาพโปร่งใสขนาด 1 พิกเซล × 1 พิกเซลในตาราง (ควบคุมหน้า ใน dreameaver4 รูปภาพตัวเว้นวรรคที่ใช้ในเลย์เอาต์นั้นเป็นรูปภาพดังกล่าวทุกประการ ดังนั้นหากคุณไม่ทราบวิธีใช้ซอฟต์แวร์เพื่อสร้างรูปภาพดังกล่าว คุณสามารถสร้างมันขึ้นมาใน dreameaver4 ได้ดังนี้:
ในแผงวัตถุ ขั้นแรกให้คลิกมุมมองเค้าโครงในแผงมุมมองของวัตถุ จากนั้นคลิกวาดตารางเค้าโครง ลากหน้าต่างแก้ไขหน้าเว็บเพื่อสร้างตารางเค้าโครง และคลิกเพิ่มตัวเว้นวรรคในเมนูแบบเลื่อนลงของตาราง รูปภาพส่วนหัว
สร้างและบันทึกรูปภาพตัวเว้นวรรค รูปภาพตัวเว้นวรรคนี้เป็นรูปภาพโปร่งใสขนาด 1 พิกเซล × 1 พิกเซล) จากนั้นตั้งค่าคุณสมบัติของตารางเป็น: H (ความสูง) คือ 1 พิกเซล (1 พิกเซล), W (ความกว้าง) คือความกว้างที่ต้องการ (สามารถป้อนค่าพิกเซลหรือเปอร์เซ็นต์ได้) ป้อน 0 ในเซลล์แพด พื้นที่เซลล์ และเส้นขอบ และ จากนั้นเลือกสีที่ต้องการใน Bg Color (สีพื้นหลัง) แล้วแทรกเส้นบางแนวนอนสีลงไป
หากคุณเพิ่มค่า H เส้นจะหนาขึ้น หากคุณต้องการแทรกเส้นบางแนวตั้งสี ให้ตั้งค่า H เป็นค่าความสูงที่ต้องการ ตั้งค่า W เป็น 0 และการตั้งค่าอื่นๆ จะเหมือนกับด้านบนเพื่อแทรกเส้นบางแนวตั้ง ในหน้าต่างแก้ไขหน้าเว็บ สียังคงเป็นสีเทา แต่กด F12 เพื่อดูตัวอย่าง และคุณจะเห็นในเบราว์เซอร์ว่าสีของเส้นบางที่แทรกไว้เปลี่ยนเป็นสีที่คุณต้องการ