2025年05月08日
在AI编程领域，我们常常陷入反复修改代码的繁琐流程。本文将介绍如何借助Playwright MCP，让AI自主检测并修复其生成的代码问题，实现开发流程的高效闭环，大幅提升编程效率。
在用AI编程开发产品的时候，尤其是网站类的产品，小到一个HTML页面，大到一个功能网站，我们的常规操作是：
2025年05月08日
切图网常年专注前端外包开发，这是在近期一次项目切图中遇到的，需要动态添加表单select元素，用到了layui插件，而layui对于一些常用表单元素比如下拉菜单，复选框，单选等都是有做美化的，这样好处就是好看，缺点是需要渲染，以及事件定义需要基于layui提供的方法来做，造成使用成本增加，不过对于layui上手很熟的人来说，基本影响不大。
2025年05月08日
大家好，今天我们来分享一下用纯CSS实现下拉菜单效果的方法，首先我们看下效果图，如果你看过上一期的内容（CSS之垂直导航条）那么你就会发现，两者的外观主题基本一样，只不过结构稍微有些差别，所以今天我们主要讲构造，样式详解请参考上期内容
1.首先创建一个多层导航列表，本次只选取列表项中“Services”和“Products”两项为例。
2.基本设置：首先清除内边距和外边距，去掉列表默认的项目符号，关闭链接文本下划线.，给列表一个边框和背景颜色（根据自己需要）
2024年08月14日
下拉列表select在表单中应该算是使用频率比较高的一个元素，而我们也知道页面上默认的select标签样式是很难看的。基本所有的团队都会选择使用Bootstrap或者自己封装一个下拉列表的组件，今天我们也试着使用CSS3新特性来写一个带动画效果的下拉列表样式吧。
2024年08月14日
下拉列表select在表单中应该算是使用频率比较高的一个元素，而我们也知道页面上默认的select标签样式是很难看的。基本所有的团队都会选择使用Bootstrap或者自己封装一个下拉列表的组件，今天我们也试着使用CSS3新特性来写一个带动画效果的下拉列表样式吧。
2024年08月14日
头部导航条布局
html代码：
<!DOCTYPE html><html><head>
<meta charset="utf-8">
<title>头部导航条制作</title>
2024年08月14日
平时制作网站导航时，经常用到鼠标悬停展现下拉菜单的效果。在此记录一下实现过程，需支持CSS3浏览器运行。
首先看下实现的效果：
html部分：
<ul class="navbar-nav ml-auto">
<li class="nav-item hvr-underline-from-left nav-item1"><a class="nav-link hvr-icon-spin fa-caret-down" href="/solutions/">建站推广方案</a>
<div class="list-group shadow-sm ">
<a class="list-group-item list-group-item-action" href="/solutions/diagnosis/">分析 - 诊断分析/营销定位</a><a class="list-group-item list-group-item-action" href="/solutions/customize/">网站 - 定制品牌营销网站</a><a class="list-group-item list-group-item-action" href="/solutions/sem/">流量 - Google SEM 广告引流</a><a class="list-group-item list-group-item-action" href="/solutions/seo/">转化 - SEO优化+网站运维</a><a class="list-group-item list-group-item-action" href="/solutions/social/">社交 - Facebook/Youtube 运营推广</a><a class="list-group-item list-group-item-action" href="/solutions/training/">培训 - 线上线下课程免费送</a>
</div>
</li>
<li class="nav-item hvr-underline-from-left nav-item2"><a class="nav-link " href="/cases/">成功案例</a>
</li>
</ul>2024年08月14日
大学生就可以看懂的css基础实战系列，pre标签里是笔记总结，动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥，但是再坚持一下，前端知识的大门就会大开了。
2024年08月14日
话不多说，直奔主题
<!--html代码-->
<div>
<ul>
<li><a href="#home" class="active">主页</a></li>
<li><a href="#news">新闻</a></li>
<li>
<div class="dropdown">
<a href="#" class="dropbtn">下拉菜单</a>
<div class="dropdown-content">
<a href="#">链接 1</a>
<a href="#">链接 2</a>
<a href="#">链接 3</a>
</div>
</div>
</li>
<li><a href="#about">关于</a></li>
</ul>
<h3>导航栏上的下拉菜单</h3>
<p>鼠标移动到 "下拉菜单" 链接先显示下拉菜单。</p>
</div>2024年08月14日
今天教大家学习如何制作网页的下拉菜单~
CSS 下拉菜单
首先，我们要使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。
1.下拉菜单样式
（样式一）
（样式二）
2.基本下拉菜单