温馨提示×

温馨提示×

您好，登录后才能下订单哦！

密码登录×
  • 忘记密码？
登录注册×
获取短信验证码
其他方式登录
点击 登录注册 即表示同意 《亿速云用户服务条款》
  • 服务器
  • 数据库
  • 开发技术
  • 网络安全
  • 互联网科技
登 录 注册有礼
云服务器 香港服务器 高防服务器
最新更新 网站标签 地图导航
产品
  • 首页 > 
  • 教程 > 
  • 开发技术 > 
  • web开发 > 
  • css设置边框为虚线样式的方法

css设置边框为虚线样式的方法

发布时间：2021-04-17 09:13:09 来源：亿速云 阅读：272 作者：小新 栏目： web开发

这篇文章主要介绍了css设置边框为虚线样式的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

在css中，可以使用border-style属性来设置边框为虚线样式，只需要给元素添加“border-style:dashed;”样式即可。border-style属性用于设置元素边框的样式，当值为“dashed”时，可定义虚线边框样式。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置边框虚线样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			p.dashed {
				border-style: dashed
			}
			
			p.solid {
				border-style: solid
			}
		</style>
	</head>

	<body>

		<p class="dashed">这是虚线边框样式！</p>

		<p class="solid">这是实线边框样式！</p>

	</body>

</html>

效果图：

css设置边框为虚线样式的方法

border-style 属性用于设置元素边框的样式；只有当这个值不是 none 时边框才可能出现。

属性值：

值描述
none定义无边框。
hidden与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted定义点状边框。在大多数浏览器中呈现为实线。
dashed定义虚线。在大多数浏览器中呈现为实线。
solid定义实线。
double定义双线。双线的宽度等于 border-width 的值。
groove定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge定义 3D 垄状边框。其效果取决于 border-color 的值。
inset定义 3D inset 边框。其效果取决于 border-color 的值。
outset定义 3D outset 边框。其效果取决于 border-color 的值。
inherit规定应该从父元素继承边框样式。

感谢你能够认真阅读完这篇文章，希望小编分享的“css设置边框为虚线样式的方法”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!

向AI问一下细节
推荐阅读：
  1. css中设置边框虚线样式的方法
  2. css设置虚线边框的方法是什么

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

css
  • 上一篇新闻：
    linux中设置nginx开机自启的方法
  • 下一篇新闻：
    如何使用js修改css属性

猜你喜欢

  • php match函数的作用是什么
  • c语言accept函数的作用是什么
  • mybatis中bind标签的作用是什么
  • c++ noexcept的用法是什么
  • pandas dataframe操作数据的方法是什么
  • r语言画折线图的代码怎么写
  • r语言中怎么将数据分为两组
  • mybatis中bind标签的用法是什么
  • sql怎么查询指定时间以后的数据
  • Python中dataframe怎么删除指定值的行
最新资讯
  • Cassandra中的数据一致性级别是如何影响读写操作的
  • 如何在Prolog中实现模式匹配
  • Prolog中的迭代器是如何实现的
  • Prolog中的元组是什么如何表示
  • 如何在Prolog中表示图形数据结构
  • Prolog中的约束编程是如何实现的
  • Prolog中如何处理递归的基本情况
  • Prolog中的割点如何影响程序执行
  • Prolog中的逆向脱却是什么概念
  • Prolog中的“;”和“”运算符分别表示什么
相关推荐
  • CSS虚线样式的制作方法及虚线样式怎么用
  • css怎么设置不同的边框样式
  • 文字边框虚线样式如何用css实现
  • html中input如何设置虚线边框样式
  • html中input怎么设置虚线边框样式
  • html怎么设置边框为虚线
  • html设置边框为虚线的方法
  • css如何设置边框的虚线样式
  • 如何使用css实现文字边框虚线样式
  • css怎么设置边框样式

相关标签

html5+css3 css modules +css scss css属性获取 css flex html+css+js css框架 css定位 ​css3 css sprite html5 css3 css选择器 animate.css css2 css优先级 postcss-pxtorem css样式表 css权重 CSS盒模型
AI
助
手
产品服务
  • 云服务器
  • 高防服务器
  • 高防IP
  • 裸金属服务器
  • 机柜租用
  • SSL证书
  • 高防CDN
  • 弹性IP
地区划分
  • 中国香港服务器
  • 美国服务器
  • 德国服务器
  • 日本服务器
  • 韩国服务器
  • 新加坡服务器
专题活动
  • 控制台
  • 应用市场
  • 最新活动
帮助支持
  • 帮助中心
  • 网站备案
  • 法律条款
  • 全国服务
  • 安全漏洞
  • 主题地图
关于我们
  • 关于亿速云
  • 客户案例
  • 新闻资讯
  • 资讯地图
  • 问答地图
  • 联系我们
  • 人才招聘
售后咨询
7*24小时在线电话：400-100-2938
7*24小时在线 QQ：800811969
关注亿速云

亿速云公众号

手机网站二维码

Copyright © Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有

广州亿速云计算有限公司 粤ICP备17096448号-1 粤公网安备 44010402001142号增值电信业务经营许可证编号：B1-20181529

聚圣源方针政策好意义的成语起名字老鼠的英文辽宁电视台都市频道鸟鸣涧王维韩仲晰顾晚机械团队起名崔男孩起名大全猪婴儿小名怎么起宝宝起名大全2020年英语书卜姓起名鼠年四个女人的群起个名字婴儿起乳名猪年宝宝免费公司起名测评声息美版死亡笔记闪亮的风采仲夏夜惊魂猪小孩起名用那些字快餐起名宝宝起名字生辰八字免费周易ekp琼斯杯参茸店起名大全康熙秘史演员表无错给孩子起名字可以随便姓吗猪宝宝起名禁忌用的字淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人？周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高？胖东来员工每周单休无小长假“开封王婆”爆火：促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化