首页 > TAG信息列表 > 25px

easyui-switchbutton 样式错位问题

我在开发中遇到的奇特现象   <td style="width:65px;">创建时间:</td> <td><input id="switch_date_entered" class="easyui-switchbutton" style="width:60px;height:25px" onText="部分" offText="全部"

Ant Design Vue 走马灯实现单页多张图片轮播

最近的项目有个需求是,这种单页多图一次滚动一张图片的轮播效果,项目组件库是antd 然而用了antd的走马灯是这样子的 我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还

Ant Design Vue 走马灯实现单页多张图片轮播

最近的项目有个需求是,这种单页多图一次滚动一张图片的轮播效果,项目组件库是antd 然而用了antd的走马灯是这样子的 我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还

css 箭头

1、箭头 width: 25px; height: 25px; border-bottom: 8px solid #888; border-right: 8px solid #888; border-radius: 8px; transform: rotate( 45deg);  

CSS学习——框模型

学习内容来源:CSS 框模型 CSS 框模型 所有 HTML 元素都可以视为方框。在 CSS 中,在谈论设计和布局时,会使用术语“盒模型”或“框模型”。 CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括:外边距、边框、内边距以及实际的内容。 如图所示: 内容 - 框的内容,其中显示文本和图

99-100 css填充案例

     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="

CSS外边距margin

CSS外边距margin CSS margin(外边距)属性定义元素周围的空间。 margin margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。 所有的CSS边距属性 属性描述margin简写属性。在一个声明中

前端基础——第三篇

盒子模型 HTML中的所有元素都可以看作是一个盒子,在CSS中,盒子模型,即"box model",这一术语是用来设计和布局时使用。 但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。 CSS盒模型本质上是一个盒子,封装周围的HT

伪元素基础知识

伪元素: 概念:指可以在HTML标签的开头或者结尾通过css来添加内容,该内容可以单独设置css 样式。 作用:能够实现一些页面效果,比如三角形 语法: 在标签开头添加内容 ::before{      content: '' } ::before是伪元素专用选择器,能够在标签开头添加内容,内容可以是图片或者文字或者

制作3D旋转导航综合练习题 - 慕课

慕课CSS3动画综合练习 主要收获:perspective使元素具有透视效果,本质是建立了三维空间场景,从2D转到了3D,同时基于透视效果使得元素在进行xyz轴立体变换时附带透视效果(否则不具有透视效果) <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>制作3D旋

【CSS】初步体验

css的概念 cascading  style  sheet,中文译为层叠样式表,他是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。以HTML语言为基础,提供了丰富的格式化功能,如字体,颜色,背景和整体排版等,并且网页设计者可以针对各种可视化浏览器设置不同的样式

教你玩转CSS margin(外边距)

margin margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。   可能的值 值 | 说明 –|— auto | 设置浏览器边距。 这样做的结果会依赖于浏览器 length | 定义一个固定的margin(使用像素,pt,em

css 盒子模型学习

CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 Margin(外边距) - 清除边

css盒模型 Box Model

属性:内容(content)、内边距(padding)、边框(border)、外边距(margin), CSS盒子模式都具备这些属性。    CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。 盒子的分类:不同的元素产生的盒子类型可能不同, 一个元素,产生什么样的盒子,取决于它CSS的display属性

纯CSS实现动态晴阴雨雪,纯得不能再纯了

分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果: 再看看HTML代码: <!--晴--> <div class="weather sunny"></div> <!--阴--> <div class="weather cloudy"></div> <!--雨--> <div class="weather ra

快速 学会 滚动式 轮播图

滚动式 轮播图 详解 很多网页上都有轮播图来展示商品或公司的主要特色,但是这是如何实现的呢? 工作急需要用,拿过来改下就好了哦 实例告诉你: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <!-- 设置css样式 --> <s