CSS3—— 多列 用户界面 图片 按钮

多列

将文本内容设计成像报纸一样的多列布局

多列创建

间隙

列边框

边框颜色+宽度

指定列的宽度

指定元素跨越多少列

 

 

 

用户界面

由用户调整元素大小【谷歌浏览器等】

以确切的方式定义适应某个区域的具体内容

对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓

 

 

 

 

 图片

圆角图片

缩略图

缩略图链接【带鼠标触及特效】

响应式图片【自动适配各种尺寸的屏幕】

图片文本

卡片式图片

图片滤镜

响应式图片相册

Model(模态)

 

 

 

 

 

 

 

 

 

 

按钮

颜色

大小

圆角

边框颜色

悬停颜色

————>  

按钮阴影

禁用按钮

按钮宽度

按钮组

带边框的按钮组

按钮动画

————>  

还有 波纹效果  按下效果