鍩轰簬CSS3绾挎€ф笎鍙樺疄鐜扮殑铏氱嚎CSS鐢熸垚宸ュ叿瀹炰緥椤甸潰
鍥炲埌鐩稿叧鏂囩珷 »鏁堟灉锛?/h3>
HTML浠g爜锛?/h5>
<div class="dashed"></div>
CSS浠g爜锛?/h5>
鏁堟灉棰勮锛?/h5>
鍙傛暟鎺у埗锛?/h5>
閫夋嫨瀹炶櫄姣斾緥锛?select id="ratio">
閫夋嫨铏氱嚎姝ュ箙(3-30)锛?input type="range" id="width" min="3" max="30" step="1" value="4">
閫夋嫨铏氱嚎瀹藉害(1-10)锛?input type="range" id="height" min="1" max="10" step="1" value="1">
閫夋嫨铏氱嚎棰滆壊锛?input type="color" id="color" value="#00000">
HTML浠g爜锛?/h5>
<div class="dashed"></div>
CSS浠g爜锛?/h5>
鏁堟灉棰勮锛?/h5>
鍙傛暟鎺у埗锛?/h5>
鏁堟灉棰勮锛?/h5>
鍙傛暟鎺у埗锛?/h5>
閫夋嫨瀹炶櫄姣斾緥锛?select id="ratio">
閫夋嫨铏氱嚎姝ュ箙(3-30)锛?input type="range" id="width" min="3" max="30" step="1" value="4">
閫夋嫨铏氱嚎瀹藉害(1-10)锛?input type="range" id="height" min="1" max="10" step="1" value="1">
閫夋嫨铏氱嚎棰滆壊锛?input type="color" id="color" value="#00000">
浠g爜锛?/h3>
CSS浠g爜锛?/h5>
.dashed {
height: 1px;
background: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent);
background-size: 4px 100%;
}
HTML浠g爜锛?/h5>
<div class="dashed"></div>
CSS浠g爜锛?/h5>
.dashed {
height: 1px;
background: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent);
background-size: 4px 100%;
}
HTML浠g爜锛?/h5>
<div class="dashed"></div>
<div class="dashed"></div>