Border-radius

LESS 用法入门

本文旨在加深对 LESS 的理解和记忆,供自己开发时参考。相信对没有接触过 LESS 的程序员还是有用的,大佬绕路。 一、安装和使用 LESS 1.1 安装 使用命令行安装 LESS  npm install -g less 1.2 使用 less 有多种的使用方法,在这里我向大家介绍最常用的俩种方法。 第一种是直接在浏览器中使用: 去下载一个你要的le...

微信小程序修改radio和checkbox的默认样式和图标

wxml: <view class="body"> <view class="body-content"> 第1题:企业的价值观是 ? </view> <view class="label...

重温CSS:Border属性

边界是众所周知的,有什么新的东西吗?好吧,我敢打赌,在这篇文章中,有很多你不看永远不知道的东西! 不仅可以用CSS3来创建圆角,使用原有CSS一样可以显示自定义图形。这是正确的(有待考究);在过去,没发现这种技术之前,我们可能使用背景图像定位来显示一个园或箭头。幸运的是,我们能放下PS图象处理软件了。 基础 你可能很熟悉边的最基本用法。 1 borde...

CSS3实现3D地球自转行星公转

截图效果:实际效果是动态的:地球自西向东自转,行星绕着地球公转,轨道也会转动 HTML页面代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3星系轨道3D</title> &l...

vue中在echarts tooltip中添加点击事件

需求:需要在echarts tooltip点击学校的名称,跳转到详情页面;项目是从上海市---> 某个区----> 具体的学校(在最后一级的tooltip中绑定一个点击事件)    ‘  项目是用vue和echarts实现的,echarts是新版本(^5.0.2),并不能把点击事件绑定在window上 解决方法: 1、设置tooltip ent...

border-radius的兼容问题

  border-radius可以便捷的制作圆角效果,不需要通过增加圆角图片来达到效果,便于维护。 语法:border-radius:none | 1-4 length | % / 1-4 length|% 按顺序设置圆角四个方向的值,和设置border的顺序一样。 ' / '前后的值都存在,那么' / '前面设置的值为水平半径,后面设置的值为垂直半径。若...

Qt StyleSheet样式表实例(转)

QT论坛看到的,收藏一下! 在涉及到Qt 美工的时候首先需要掌握CSS 级联样式表。 下面将通过几个例子来介绍一下怎样使用Qt中的部件类型设计。自定义的前台背景与后台背景的颜色: 如果需要一个文本编辑器的背景变为黄色, 下面是代码行: qApp->setStyleSheet("QLineEdit {  针对一个对话框的内容中使用QLineEdit以及...

小程序 自定义多选框、单选框样式

/* 自定义 radio 样式 */radio{ 38rpx;}radio .wx-radio-input{ border-radius: 50%; 28rpx; height: 28rpx;}/* 选中后的样式 (可根据设计稿需求自己修改) */radio .wx-radio-input.wx-radio-input-checked::before{...

1-4 Sass的基本特性-基础

[Sass]声明变量 定义变量的语法: 在有些编程语言中(如,JavaScript)声明变量都是使用关键词“var”开头,但是在 Sass 不使用这个关键词,而是使用大家都喜欢的美元符号“$”开头。我想用一张图来解释,我一直坚信,一图胜千言万语: 上图非常清楚告诉了大家,Sass 的变量包括三个部分: 声明变量的符号“$” 变量名称 赋予变量的值...

border-radius bug 收集

border-radius我相信对于老一辈的前端们有着特殊的感情,在经历了没有圆角的蛮荒时代,到如今 CSS3 遍地开花,我们还是很幸福的。 然而即使到了三星大脸流行时代,border-radius在移动端的表现依旧差强人意,主要有两点问题: 一、Android 2.3 自带浏览器不支持 % 通常我们实现一个正圆只需要border-radius: 50%即...