css中,可利用“border-bottom”屬性設(shè)置下虛線樣式,該屬性用于設(shè)置元素的下邊框樣式,只需將樣式值設(shè)置為“dashed”,即可實(shí)現(xiàn)虛線下邊框效果;語(yǔ)法為“元素{border-bottom:虛線粗細(xì)值 dashed 顏色值;}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css下虛線怎么設(shè)置
可以通過(guò)設(shè)置border-bottom屬性來(lái)設(shè)置元素的下虛線。下面我們通過(guò)示例來(lái)看一下,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> p{ border-bottom:1px dashed black; } </style> </head> <body> <p>設(shè)置下虛線</p> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)