css中虚线框怎么表示
css中虚线框的表示方法:1、“元素{border-style:dashed;}”,“dashed”值表示将边框设置为虚线样式;1、“元素{border-style:dotted;}”,“dotted”值表示将边框设置为点状样式。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css中虚线框怎么表示
在css中虚线框有两种表示方法。
1、利用border-style: dashed;样式,示例如下:
立即学习“前端免费学习笔记(深入)”;
<!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"> div{ width:100px; height:100px; background-color:red; border-style: dashed; } </style></head><body><div> </div></body></html>
输出结果:
2、利用border-style: dotted;样式,示例如下:
<!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"> div{ width:100px; height:100px; background-color:red; border-style: dotted; } </style></head><body><div> </div></body></html>
输出结果:
(学习视频分享:css视频教程)