我们在后台编辑器添加内容的时候，需要上传多张图片，为了美化这些图片显示效果，想起了给图片增加阴影和圆角，由于图片是在后台编辑上传的，没办法直接定义样式，后面想到两种解决方案，分享一下。
一种解决方案就是通过写js或jquery代码，然后配合着正侧表达式，用正侧表达式查找你内容里的Img图片，再用jquery或js代码给img添加css代码即可，具体的代码如下：
2024年10月26日
我们在后台编辑器添加内容的时候，需要上传多张图片，为了美化这些图片显示效果，想起了给图片增加阴影和圆角，由于图片是在后台编辑上传的，没办法直接定义样式，后面想到两种解决方案，分享一下。
一种解决方案就是通过写js或jquery代码，然后配合着正侧表达式，用正侧表达式查找你内容里的Img图片，再用jquery或js代码给img添加css代码即可，具体的代码如下：
2024年10月26日
我们上一节说到为淘宝客网站开发出产品分类的弹出菜单，实现我们每个页面的快速跳转，那么我们今天要讨论的是如何修改一下我们的首页产品的展示方式，这里，我们会根据屏幕的大小，显示每列产品的数量，比如在电脑上，我们会每列显示3件产品数，在手机客户端上每列显示两件产品。那么为了给大家看看具体效果，我把当前做好的源码放到网站上供大家测试，测试地址如下：http://www.yeehot.com/DaoGou/
开发环境：我们这个webapp系统是基于PHP+mysql+MUI环境开发，如果不清楚如何搭建，欢迎看会之前的文章
2024年10月26日
实例
给div元素添加圆角的边框：
div
{
border:2px solid;
border-radius:25px;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
2024年10月26日
Foundation 可以很简单的创建一个提醒框：
提醒框可以使用 .alert-box 类创建, 可以添加可选的类： .secondary, .success, .info, .warning 或 .alert:
实例
<div data-alert class="alert-box">
2024年10月26日
开关是在鼠标点击(手指敲击)下在 "On" 和 "Off" 状态下切换：
切换开关使用 <div class="switch"> 创建。 <div> 内添加带有唯一 id 的 <input type="checkbox"> ， <label> 元素的 for 属性需要与
2024年10月26日
今天我们一起来看几个有趣的css动画效果，用到的CSS3的知识点
线条围绕着容器转动
运行效果
首先，我们看下运行出来的效果图
实现方式
这个效果并不是直接使用animation来实现的，而是通过clip属性来实现的。外边的蓝色运动的线条实际为一个完整的div，只是通过clip属性裁剪后只剩下上下左右之中的一边
2024年10月26日
1、transition-property 设置过渡的属性，比如：width height background-color
2、transition-duration 设置过渡的时间，比如：1s 500ms
3、transition-timing-function 设置过渡的运动方式，常用有 linear(匀速)|ease(缓冲运动)
4、transition-delay 设置动画的延迟
2024年10月26日
在css3之前，并没有直接的设置元素圆角的属性，那如何实现设计图中的圆角设定呢？
如：表单demo中的文本框圆角。
一般通过在PS 软件中截取上左、上右、下左、下右四个边角的圆角图片，通过background-position背景图属性设定位置，从而实现圆角的设定。
或是将四个圆角图片当做四个img标签，通过position定位属性找寻设定的位置，如：
在IE6、7、8还比较盛行的时候，如果要兼容到IE浏览器，需要使用CSS hack兼容IE浏览器版本，高级浏览器可以直接使用border-radius属性设定圆角，对低版本浏览器使用图片定位的方式实现设计图呈现。但随着近几年浏览器版本的不断更新迭代，我们需要做的就是，如果需要兼容低版本浏览器，只需保证呈现正常即可，无需过分的追求展示效果与设计图的还原度。
2024年10月26日
先看下效果图
对基于CSS的设计最初的批评意见之一是CSS太死板了，只能建立方框，因此本次我们需要用图形软件创建下面两个图形，一个用于顶部，一个用于底部。
接下来我们详细介绍它的实现方法：
1.创建一个简单的框标记并输入相关内容
<div class="box">
<h2>笑话</h2>
<p>朋友圈里，有这么一条：“和女友分手后一直很不安，害怕她会变坏，胡乱约炮，太过放纵，怎么办？”下面神回复：“其他人的恶劣行径顶多是占着茅坑不拉屎，你这是出了厕所还想锁门。”</p>