<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
翻译 精选 2011-12-12 09:25:09
487阅读
用到了伪元素before和after<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0;
原创 2022-03-01 10:37:29
441阅读
如上,当鼠标放置到bbbbbb上时,aaaaaa和bbbbb会同时变成蓝色。
转载 2019-02-22 13:29:00
1177阅读
2评论
用到了伪元素before和after<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; overflow: hidden;
原创 2021-08-07 09:54:20
703阅读
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Test</title> <style> .tip { position: relative; background-color: deepskyblue; margin: 2
原创 2021-08-04 15:29:25
3473阅读
来源:http://www.ido321.com/1214.html 前两天翻译了一篇文章,关于利用css的border属性制作基本图形:http://www.ido321.com/1200.html 在此基础上。今天分享一篇文章给大家。假设利用CSS制作冒泡提示框。 先看2张效果图: CSS: /
转载 2017-04-15 08:53:00
823阅读
2评论
当你发现好多图都能用css画出来的时候,你就会觉得css很有魅力了。//我是这么觉得的,先不考虑什么兼容问题像漫画里出现的对话框,往往都是一个对话框然后就加入一个箭头指向说话的那一方,来表示这个内容是谁述说的。     今天认真学了一下:相关资料首先,要知道一个对话框无非就是一个矩形和一个小三角的契合,想起小学时候教的七巧板;所以简单来说,只要能制作出矩形和小三角即可
Snail    07年7月第一个星期制作 制作冒泡式弹出对话框主要涉及2个技术要点(主要供触摸屏使用) 1 实用的Qtimer类的使用(计算鼠标在对象上的停留时间确定是否弹出属性对话框) 2 漂亮的对话框的绘制(主要是QWidget::setMask(const QBitmap& bitmap)的使用)   详细分析: QTimer类的
转载 精选 2008-09-22 17:00:15
2563阅读
JavaScript和CSS已经并存超过了20年。但是在它们之间共享数据非常困难。当然也有大量的尝试。但是我所想到的是一些简单而直观的内容——不涉及结构更改,而是使用CSS自定义属性甚至Sass变量。CSS自定义属性和JavaScript自定义属性在这里应该不会令人感到惊讶。自浏览器提供支持以来,他们一直在做的一件事就是与JavaScript协同工作以设置和操作值。不过具体来说,我们可以通过几种方
原创 2021-01-11 12:14:47
358阅读
效果:可以看做是一个长方形和一个三角形组成的,关键css代码: #talk { margin-left: 50px; width: 220px; height: 60
原创 2022-12-05 15:23:59
1836阅读
让JavaScript与CSS和Sass对话疯狂的技术宅前端先锋翻译:疯狂的技术宅作者:MarkoIlic来源:css-tricks.com正文共:1883字预计阅读时间:7分钟JavaScript和CSS已经并存超过了20年。但是在它们之间共享数据非常困难。当然也有大量的尝试。但是我所想到的是一些简单而直观的内容——不涉及结构更改,而是使用CSS自定义属性甚至Sass变量。CSS自定义属性和Ja
原创 2021-01-29 13:58:33
134阅读
CSS 自定义属性和 JavaScript 自定义属性在这里应该不会令人感到惊讶。自浏览器提供支持以来,他们一直在做的一件事就是与 JavaScript 协同工作以设置和操作值。 不过具体来说,我们可以通过几种方式使 JavaScript 与自定义属性一起工作。可以使用 setProperty 设置 ...
转载 2021-08-15 16:32:00
89阅读
2评论
1.让一个块元素充满整个屏幕:.mode{            width: 400px;            height: 300px;            background-color: green;            position: fixed;            top:50%;            left: 50%;
原创 2022-08-01 17:01:29
74阅读
 最终效果如图:   概念1:边框的设置   .arrow { width: 0; height: 0; border: 100px solid; border-color: red green blue yellow; }     概念1:边框的设置->变三角   
原创 2012-04-10 12:47:32
931阅读
实现原理可以把该对话框拆解为带圆角的普通矩形+三角形, 三角形可以借助border属性实现, 其中三角形占位可以借助CSS3的before、after伪元素实现.1.1 不带边框的对话框// html <div class="bubble"></div> // css .bubble {   width: 300px;   height: 100px;   border-r
转载 2021-02-03 20:37:05
1227阅读
2评论
》遮罩层的样式范例》白色区域的样式
原创 2021-08-14 09:59:07
396阅读
HTML+CSS制作漂浮的对话框效果图如下:HTML部分源代码如下:<!DOCTYPE html><html
原创 2022-07-01 11:08:10
624阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
原创 2021-07-28 15:32:30
237阅读
public class BubbleSort {  public static void main(String args[]) {   int a[] = { 2, 4, 6, 8, 2, 4, 1, 0, 9 };   for (int i = 0; i < a.length; i++) {    
原创 2010-09-02 23:01:41
288阅读
public static void maopao(List<Integer> beforeNums){        int length = 0; //数据长度-1        int position = 0; //用于记录一轮中第一次交换数据的位置(前一个元
原创 2016-12-09 09:32:02
569阅读
  • 1
  • 2
  • 3
  • 4
  • 5