boder属性新特性: border-radius 设置或检索对象使用圆角边框 border-top-left-radius 设置或检索对象左上角圆角边框 border-top-right-radius 设置或检索对象右上角圆角边框 border-bottom-right-radius 设置或检索对 ...
分类:
其他好文 时间:
2017-08-06 22:57:59
阅读次数:
221
在开发中常常会有一些需求,比方显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其它的一些形状。可是往往我们手上的图片或者从server获取到的图片都是方形的。这时候就须要我们自己进行处理,将图片处理成所须要的形状。正如茴香豆的的“茴”写法大于一种。经过我的研究。画出特殊图片的方法也不是一种 ...
分类:
移动开发 时间:
2017-08-06 10:44:37
阅读次数:
234
一.巨幕组件巨幕组件主要是展示网站的关键性区域。//在固定的范围内,有圆角 //100%全屏,没有圆角 二.页头组件 三.缩略图组件//缩略图配合响应式 //自定义内容 四.警告框组件警告框组件是一组预定义消息。//基本警告框 //带关闭的警告框 ...
分类:
其他好文 时间:
2017-08-03 22:02:55
阅读次数:
109
<html> <style> .smaller-image{ border-radius: 50%; width: 100px; } </style> <body> <img class="smaller-image" src="/images/cat.jpg"> </body> </html> 效 ...
分类:
Web程序 时间:
2017-08-01 23:04:08
阅读次数:
184
做移动端页面时,又想用伪元素做真实1像素边框,又想有边角时,会发现只加一个border-radius时出来的效果边款并没有变成圆角,解决办法是加两个border-radius 图中边框用了真实1px,在pc端看可能不太明显 ...
分类:
移动开发 时间:
2017-07-31 17:52:42
阅读次数:
169
css3是移动Web开发的主要技术之中的一个。当前。CSS3技术最适合在移动Web开发中使用的特性有增强的选择器、阴影、强大的背景设置 、圆角边框 接下来我们主要解说增强型的选择器。主要分两种,属性选择器和伪类选择器 1、属性选择器 1.1全然匹配选择器 语法:[attribute=value] < ...
分类:
移动开发 时间:
2017-07-29 21:27:30
阅读次数:
266
看到一个圆形好像微软ProgressRing 我们能够用自己定义控件 按ctrl+shift+a 用户控件 我们能够用Rectangle做圆形边 仅仅要Rectangle RadiusX>0圆角 由于每一个Rectangle 都一样,我们能够资源 <Grid.Resources> </Grid.Re ...
border-radius 边框圆角 像素和百分比 box-shadow 边框阴影 box-shadow:10px 10px 10px 10px red; 1、水平偏移x值 可以为负 2、垂直偏移值 可以为负 3、阴影的模糊值 不可为负 4、阴影的外延值 可为负 5、颜色 【注】给一个元素设置下外边 ...
分类:
其他好文 时间:
2017-07-26 20:27:52
阅读次数:
120
以下来实现一个loading效果。详细效果例如以下: 首先对这个效果进行拆分,它由以下部分组成: 1 一个”闪电”样式的图案。 2 “闪电”图案背后是一个圆角矩形; 3 “闪电”图案上面有一层颜色不断”飘过” 拆分完效果后。思考下如何实现。以下是我的思考过程。 1 android sdk并没有提供这 ...
分类:
其他好文 时间:
2017-07-26 13:43:40
阅读次数:
143
目录: 背景图片样式属性 雪碧图 列表导航栏 超链接的伪类样式 盒子模型、 overflow、 圆角弧度 背景图片样式属性: 运行图 运行图: 列表导航栏: 运行图: 一个小例子: 运行图: 超链接的伪类样式: 运行图: 自己想象 盒子模型: 运行图: 一个小例子: 运行图: overflow属性: ...
分类:
Web程序 时间:
2017-07-26 01:53:48
阅读次数:
312