多款虚线框代码及如何制作虚线框
<DIV style="BORDER-RIGHT: #6f3198 3px dashed; BORDER-TOP: #6f3198 3px dashed; BORDER-LEFT: #6f3198 3px dashed; BORDER-BOTTOM: #6f3198 3px dashed">此处输入文字</DIV>
<DIV style="BORDER-RIGHT: #4d6df3 3px dashed; BORDER-TOP: #4d6df3 3px dashed; BORDER-LEFT: #4d6df3 3px dashed; BORDER-BOTTOM: #4d6df3 3px dashed">此处输入文字</DIV>
<DIV style="BORDER-RIGHT: #a8e61d 2px dashed; BORDER-TOP: #a8e61d 2px dashed; BORDER-LEFT: #a8e61d 2px dashed; BORDER-BOTTOM: #a8e61d 2px dashed">此处输入文字</DIV>
<DIV style="BORDER-RIGHT: #ed1c24 2px dashed; BORDER-TOP: #ed1c24 2px dashed; BORDER-LEFT: #ed1c24 2px dashed; BORDER-BOTTOM: #ed1c24 2px dashed">此处输入文字</DIV>
<DIV style="BORDER-RIGHT: #787878 2px dashed; BORDER-TOP: #787878 2px dashed; BORDER-LEFT: #787878 2px dashed; BORDER-BOTTOM: #787878 2px dashed">此处输入文字</DIV>
<DIV style="BORDER-RIGHT: #ffa3b1 2px dashed; BORDER-TOP: #ffa3b1 2px dashed; BORDER-LEFT: #ffa3b1 2px dashed; BORDER-BOTTOM: #ffa3b1 2px dashed">此处输入文字</DIV>
多款虚线框代码及如何制作虚线框
虚线框代码解析:
<DIV style="BORDER-RIGHT: #ffa3b1 2px dashed; BORDER-TOP: #ffa3b1 2px dashed; BORDER-LEFT: #ffa3b1 2px dashed; BORDER-BOTTOM: #ffa3b1 2px dashed">此处输入文字</DIV>
这四处是颜色代码 #ffa3b1 更换颜色代码请点这里:
HTML颜色代码表这四处2px是线框粗细,值越大线条越粗
雨中笠翁图书馆收藏
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。