发布于2021-03-13 18:55 阅读(1115) 评论(0) 点赞(10) 收藏(1)
边框相关属性
border-width 规定元素的边框宽度
属性值: length(数值+单位)
border-style 规定元素的边框样式
属性值: solid 实线 dashed 虚线 double 双线 dotted 点线
groove 3D凹槽边框 ridge 3D垄状边框 inset 3Dinset边框 outset 3Doutset边框
border-color 规定元素的边框颜色
属性值: 英文单词颜色表示
十六进制颜色表示 #nnnnnn n表示的是0-f之间的数字
#000000 黑色 #ffffff 白色 #ff0000 = #f00 红色
每两个数字为一组,如果一组数字一样,可以省略只写一个
针对border-width、border-style和border-color书写多个属性值时:
一个属性值:四个边
两个属性值:上下边 左右边
三个属性值:上边 左右边 下边
四个属性值:上边 右边 下边 左边
边框属性的简写:
border: 宽度 样式 颜色;
单独设置一个边的边框样式:
border-left/right/top/bottom: 宽度 样式 颜色;
单独设置一个边的边框 宽度 或 样式 或 颜色:
border-left/right/top/bottom-width: 宽度;
border-left/right/top/bottom-style: 样式;
border-left/right/top/bottom-color: 颜色;
通过边框可以实现三角形:
1、元素宽高为0px;
2、元素不能有背景颜色
3、四个边的边框宽度和样式一样
4、只保留一个边的边框颜色,其他三个边都为透明
行内元素书写边框时左右边框显示没有问题,但是上下边框显示会影响这个元素上下的同级元素的显示
所以以后都不给行内元素书写上下的边框,左右边框也基本不会写
行内元素不存在上下的边框
背景相关属性
网页上常用的图片格式(压缩图片)
1) jpg :有损压缩格式,靠损失图片自身的质量来减小图片的体积,适用于颜色丰富的图像;(像素点组成的,像素点越多会越清晰 ),不支持透明;
2) gif :有损压缩格式,靠损失图片的色彩数量来减小图片的体积,支持透明,支持动画,适用于颜色数量较少的图像;
3) png :有损压缩格式,损失图片的色彩数量来减小图片的体积,支持透明,不支持动画,是fireworks的 源文件格式,适用于颜色数量较少的图像;
列表相关属性
简写: 去掉列表符号 记住这个
原文链接:https://blog.csdn.net/weixin_46693274/article/details/114703512
作者:大哥你来啦
链接:http://www.qianduanheidong.com/blog/article/35757/06917f99a4e4974f99a8/
来源:前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容:(最多支持255个字符)
---无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事,而不是让内心的烦躁、焦虑,坏掉你本来就不多的热情和定力
Copyright © 2018-2021 前端黑洞网 All Rights Reserved 版权所有,并保留所有权利。 京ICP备18063182号-3
投诉与举报,广告合作请联系vgs_info@163.com或QQ3083709327
免责声明:网站文章均由用户上传,仅供读者学习交流使用,禁止用做商业用途。若文章涉及色情,反动,侵权等违法信息,请向我们举报,一经核实我们会立即删除!