如图：代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
原创
2022-10-28 04:29:17
98阅读
奇数行： .messageitem:nth-child(even){ color: #c18e14; } 偶数行： .messageitem:nth-child(odd){ color: #84c084; } ...
转载
2021-07-19 17:34:00
236阅读
2评论
来源 |https://www.cnblogs.com/liu-en-ci/p/6721963.htmlCSS是一个需要深度挖掘的东西，里面有很多样式属性，掌握几个常用的便可以实现很好...
转载
2021-07-28 11:36:16
111阅读
度挖掘的东西，里面有很多样式属性，掌握几个常用的便可以实现很好...
转载
2022-02-20 17:35:07
419阅读
<!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css分步操作的样式-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.
转载
2021-02-05 23:39:00
107阅读
2评论
自己完善自己博客再Ipad等移动端的菜单时选用了左右滑动的菜单模式！当然就会使用到滚动条了，而默认的滚动条有多丑大家清楚吧！就搜到了纯CSS美化滚动条样式的方法！方法！webkit内核浏览器Webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的。可选项::-webkit-scrollbar 滚动条整体部分
原创
2021-05-07 23:39:58
1859阅读
引用内容 引用内容 <!doctype html public "-//w3c//dtd html 4.0 strict//en"><html><head><style>body { background-color: #F0F0F0 ; font: 11px "verdana","Arial";
原创
2021-07-23 10:09:26
315阅读
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/EpbaQX 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。
转载
2018-12-06 17:32:00
106阅读
2评论
布局布局 其实是学习前端的重要部分，最常用的方式就是从上而下、从左而右、亦或者两个相结合。看上图，而这里，我们就只是最简单的布局方式，从上而下：1、优惠券金额和过期时间2、优惠券描述3、按钮（其实按钮也可以放到“2”里面
原创
2021-01-04 11:19:35
673阅读
在这篇文章里，我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。事情是这样的，您的设计师团队向您发送一个新的PSD（Photoshop文档），它是一个新的网站的最终设计。一切看起来很好，很正常，直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同！你说：“这没办法...
转载
2015-11-03 13:08:00
1251阅读
其实用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none;
转载
2017-08-21 16:41:00
579阅读
html <div id="parent"> <select> <option>what</option> <option>the</option> <option>hell</option> </select> </div> css #parent{ background: url('https:
原创
2021-08-11 15:35:10
1133阅读
样式：代码：<html><head></head><style> body{ text-align: center; } .hcqFont{position:relative
原创
2023-01-16 17:35:37
4412阅读
如何使用JS操作css，大家有不懂得可以私信我，或者在下方评论噢，现在就让我带你们进入知识的海洋中。一.什么是css？ Cascading Style Sheets 通常称为CSS样式表或层叠样式表（级联样式表） CSS用于控制网页的外观 (HTML是用于控制网页结构的,JS是控制网页的行为) Css让界
转载
2023-07-22 15:58:13
221阅读
html代码：以下代码直接可用，tootip的样式可以自己调试。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ ma...
原创
2022-03-21 14:38:44
2769阅读
html代码：以下代码直接可用，tootip的样式可以自己调试。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ ma...
原创
2021-06-18 16:51:51
4452阅读
今年做了什么Flag 验收看回 2019年总结，又啪啪打脸了。。。果
原创
2022-08-08 23:10:24
311阅读
