圆角矩形可以用为4个角分别设置圆度,但是有顺序的border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px; 简写方法 ...
分类:
Web程序 时间:
2020-05-18 14:25:22
阅读次数:
69
在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class: .img-rounded:添加 border-radius:6px 来获得图片圆角。 .img-circle:添加 border-radius:50% 来让整个图片变成圆形。 ...
分类:
其他好文 时间:
2020-05-16 11:01:29
阅读次数:
79
旋转圆形图片: .pic:hover{ transform: rotate(360deg); transition: all 1.5s ease ; } .pic{ border-radius: 500px; border: solid #dddfdc; } 鼠标放置完全显示: .ganying:h ...
分类:
Web程序 时间:
2020-05-15 21:50:42
阅读次数:
214
1.谷歌浏览器(WebKit内核): //滚动条设置 .element::-webkit-scrollbar{ width: 10px; height: 10px; } //滚动槽设置 .element::-webkit-scrollbar-track { border-radius: 10px; ...
分类:
其他好文 时间:
2020-05-15 18:25:36
阅读次数:
78
自适应的椭圆 1.自适应的椭圆 实现方式是通过border-radius这个属性;border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值,还能接收百分比的值。百分比的值会基于元素的尺寸进行解析,宽是水平半径的解析,高是垂直半径的解析。 所以可以 ...
分类:
Web程序 时间:
2020-05-15 11:47:45
阅读次数:
63
package wjb; public class Vehicle { public String brand; public String color; double speed=0; public String getBrand() { return brand; } public void s ...
分类:
其他好文 时间:
2020-05-14 15:09:23
阅读次数:
57
1、(1)定义一个汽车类Vehicle,要求如下:(知识点:类的继承 方法的覆盖)(a)属性包括:汽车品牌brand(String类型)、颜色color(String类型)和速度speed(double类型)。(b)至少提供一个有参的构造方法(要求品牌和颜色可以初始化为任意值,但速度的初始值必须为0 ...
分类:
其他好文 时间:
2020-05-14 13:05:09
阅读次数:
46
第一步:先写好重置的样式。直接复制粘贴即可 @media all and (max-width: 320px){ html{ font-size: 12px; } } @media all and (min-width: 321px) and (max-width: 375px){ html{ fo ...
分类:
移动开发 时间:
2020-05-14 10:41:54
阅读次数:
90
不废话,直接上代码~ 1 package 集合与映射表; 2 3 import java.util.TreeSet; 4 import javafx.application.Application; 5 import javafx.geometry.Pos; 6 import javafx.scen ...
分类:
编程语言 时间:
2020-05-13 00:33:04
阅读次数:
78
这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。 响应式布局 这种感觉是最好理解了,利用@media进行断点,在每个断点中编写css。 @media (max-width:768 ...
分类:
移动开发 时间:
2020-05-12 20:08:30
阅读次数:
91