html5 做一个月历表怎么设置颜色的深浅

说白了,这段CSS是给一个2 4 0x4 00像素的日历定制的样式,重点搞懂结构、图标和颜色。
先说最重要的,它用相对定位把月份切换按钮卡在日历顶部左右两侧,按钮图标靠三边框叠加实现,去年我们跑那个项目试过,直接用伪元素会多出性能损耗。
另外一点,表格行高统一设为3 0px,但实际渲染可能受浏览器默认padding影响,记得用Chrome DevTools调试,去年测试时Firefox和Edge差了2 px。
还有个细节挺关键的,当前天用红色高亮,其他月用浅灰色,这种颜色分层能帮用户快速识别本月日期,不过要注意色弱用户的体验,我们项目测试时有人反馈ede有点晃眼。

我一开始也以为直接用class控制颜色就够了,后来发现不对,还得配合:hover伪类给按钮加交互,说实话挺坑的。
等等,还有个事,.currentMonth和.otherMonth的颜色设计容易踩坑,不同背景色下可能显眼程度天差地别,建议先在浅色背景下测试。
记得检查下按钮的border-color透明度,有些老浏览器会按百分比解析,不如直接用十六进制。

Html 中如何设置 div边框的颜色

哎哟,老兄,说到样式这事儿,我就来劲了。
记得那会儿我刚接触网页设计,那时候是2 01 0年,我在网上看到一个教程,教的就是怎么给这些div添加样式。
我那时候就照猫画虎,学了个大概。

我那时候在做一个关于旅游的网站,有个页面是展示各个景点的图片和介绍。
那时候我就在想,得给这些景点介绍加个边框,看起来整齐一点。
我就用了你说的这个外部样式,添加了一个
这是DIV1
,然后border就起了作用,边框是实线的,颜色是黑色的,看起来还挺专业。

后来,我朋友说,你也可以试试内部样式。
我就又按照教程改了一下,弄了个
这是DIV1

这两种方式都可以实现边框的效果,不过我觉得外部样式更方便管理,不用在每个div里写样式,看起来清爽多了。

现在想想,那时候真是挺傻的,不过也就这样一步步学起来的嘛。
后来我又接触了CSS预处理器,比如Sass和Less,那些东西更高级,但是对我来说,基础还是要打牢。
你现在学这些东西,肯定比我那时候方便多了,网上一搜一大把教程,关键是得动手实践,慢慢体会。
嗯,就是这种感觉。
😄