流浪鱼
- 浏览: 1682662 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1323)
- easyui学习 (21)
- jquery (51)
- css (21)
- js (103)
- html (19)
- java (95)
- 测试工具 (7)
- oracle (45)
- eclipse (9)
- spring (8)
- 开源框架 (111)
- struts (12)
- hsqlbd (2)
- h2database (2)
- maven (8)
- activiti (2)
- sql语句 (7)
- fmpp (1)
- apache (2)
- tomcat (6)
- jbpm (2)
- ant (20)
- mysql (10)
- 业务需求 (54)
- ralasafe (3)
- Quartz (4)
- mybatis (8)
- flex (6)
- html5 (16)
- apache工具 (4)
- hibernate (5)
- linux (109)
- powerdesigner (3)
- 报表 (1)
- log4j (2)
- junit (1)
- shiro (4)
- wap (3)
- php (28)
- mantis (1)
- poi (3)
- extjs (1)
- 安防 (34)
- 网络 (113)
- UltraEdit (1)
- 手机 (9)
- freemarker (19)
- jquery mobile (28)
- css3 (1)
- 微信 (9)
- nodejs (7)
- 项目管理 (14)
- 文档 (13)
- ibatis (22)
- ftp (3)
- spring MVC (9)
- groovy (2)
- AngularJS (19)
- nginx (15)
- 会计 (5)
- hive (1)
- 分布式 (8)
- 设计模式 (4)
- velocity (2)
- 爬虫 (2)
- git (1)
- thymeleaf (4)
- activemq (5)
- bootstrap (1)
- Spring Batch (1)
- memcache (20)
- ttserver (1)
- Jenkins (1)
- cxf (1)
- axure (2)
- 银行金融 (11)
- c语言 (2)
- 大数据 (4)
- drools (4)
- python (2)
- 交易所 (1)
- haproxy (1)
- dubbo (3)
- dos (3)
- 人力资源 (4)
- 支付 (1)
- Intellij IDEA (1)
- IPO (1)
- springboot (1)
- 质量管理 (7)
- svn (1)
- 其他 (8)
- 阿里云 (2)
- 多媒体设计 (2)
- 数据库 (4)
- wps (0)
最新评论
-
masuweng：
en
Native.js -
rmnjava：
我按照你的方法写的，不起作用啊
easyui验证的删除和恢复 -
rmnjava：
原地址打不开了呀
easyui验证的删除和恢复 -
sunteng：
sunteng 写道这是json 吗[{url:'aaa'}, ...
freemarker解析json数组 -
sunteng：
这是json 吗
freemarker解析json数组
在easyui中的分割线不是通过图片做的，而是通过定义一个样式做的，其样式为：
.pagination-btn-separator{
height:24px;
border-left:1px solid #ccc;
border-right:1px solid #fff;
margin:3px 1px;
}
使用方法为：
<p>分隔条</p>
<div class="pagination-btn-separator"></div>
效果图
- 大小: 802 Bytes
分享到：
发表评论
-
CSS3 text-overflow
2015-05-27 14:28 587本例演示当光标浮动到元素上时如何显示全部文本 < ... -
样式实现的圆圈
2015-01-19 15:55 538效果 使用到的样式技术： clip 属性 定义和用 ... -
解决子级用css float浮动 而父级div没高度不能自适应高度
2014-12-28 19:06 840解决子级对象使用css float浮动 而父级div不能自适 ... -
normalize.css
2014-05-20 13:33 438Normalize.css 是一个可以定制的CSS文件，它让 ... -
如何让iframe背景色透明
2013-10-09 11:04 873框架页文件设置：<body style="ba ... -
一个使用css的提示框hint.css
2013-05-10 14:47 5678hint.css是使用css的一个 ... -
Reset CSS
2013-03-21 14:34 992Reset CSS用于重新设置html标签的默认格式 官方 ... -
CSS3 Media Query CSS3媒介查询
2013-03-21 09:29 1199通过min-width的设置，我们可以在浏览器窗口或设备屏 ... -
HTML <link> 标签的 media 属性
2013-03-08 14:59 3106HTML <link> 标签的 media 属 ... -
css改变选中字体背景色和字体色
2013-01-31 14:02 1925默认情况下，选择网站文本都是深蓝的背景，白色的字体,那么我们 ... -
css基础样式
2013-01-18 16:46 9361.line-height 行高line-height:20 ... -
谷歌和safari webkit独有css hack
2013-01-18 16:15 3237介绍下区别谷歌浏览器(Chrome)苹果浏览器(safari ... -
区别IE6,IE7,IE8,FF CSS HACK
2013-01-18 16:02 1000区别IE6,IE7,IE8,FF CSS HACK 【区别 ... -
IE下css if条件
2013-01-18 15:51 1114<!--[if IE]> Only IE < ... -
让ifrae背景透明
2013-01-17 16:52 10361. <iframe src="./ads ... -
通过样式设定图片自适应大小
2012-10-24 10:48 1752样式如下： div img { max-width: ... -
图片居中
2012-10-24 10:46 865我在使用css样式设置图片居中的时候一直不成功最后通过在图片包 ... -
自动换行 word-break:break-all和word-wrap:break-word
2011-10-17 16:48 1057word-break:break-all和word-wrap: ... -
css的特殊样式ime-mode
2011-10-11 15:31 1120css 之 ime-mode语法：ime-mode : a ... -
css让数字和字母换行
2011-10-08 17:28 1173让换行数字换行 word-wrap:break-word; ...
相关推荐
总的来说，`:after`伪元素是CSS中一个强大且灵活的工具，它不仅限于创建分割线和气泡，还可以用于制作各种复杂的设计，如清除浮动、添加版权信息、构建自定义布局等。熟练掌握`:after`的使用，对于提升网页设计和...
在实际操作中，我们需要对CSS进行精细调整，包括设置分割线的宽度、高度、位置，以及使用媒体查询实现响应式。例如，我们可以用`@media`规则来改变不同屏幕尺寸下的分割线样式，确保在各种设备上都能呈现出良好的...
总的来说，通过巧妙地利用HTML5的新元素和CSS3的高级特性，我们可以创造出既美观又灵活的不规则网页背景分割线，同时避免了以往使用图片带来的额外下载时间和维护成本。这种技术不仅提升了用户体验，还展示了现代Web...
标题“jquery分割线”暗示我们将讨论如何使用jQuery来实现页面中的分割线效果，这通常用于视觉上区分不同的内容区域或者布局部分。 在描述中提到的“jquery页面split....这是一个插件的形式......”，这表明我们将...
分割线特效可以通过使用CSS样式或JavaScript来实现。以下是一些常用的分割线特效： 1. 两头渐变透明 使用`FILTER`属性可以实现渐变透明的效果，例如： ```html (opacity=100,finishopacity=0,style=3)" width="80%...
【标题】：“纯CSS3制作文字分割特效” 在网页设计中，吸引用户的注意力并提供良好的用户体验是至关重要的。本资源“纯CSS3制作文字分割特效”提供了一种创新且实用的方法，利用CSS3的先进技术来增强文字展示效果，...
column-rule-width：列之间分割线宽度 column-rule-style：列之间分割线风格 column-rule-color：列之间分割线演示 column-span: 允许一个元素的宽度跨越多列 column-fill: 分列方式 要想制作出一个漂亮的分列布局...
然后，通过CSS或JavaScript添加一个可拖动的分割线，用户可以左右滑动这条线来比较两个阶段的内容。这个插件可能还包含了一些额外的功能，比如自动轮播、触屏支持、键盘导航等，以提供更好的用户体验。 在文件...
#### 第二部分：用CSS美化页面 **第十一章：引用样式表** - **样式表优势**：提高代码重用率。 - **样式表引入**：在HTML中应用外部CSS文件。 - **注释使用**：编写CSS文档的注释。 **第十二章：字体控制** - **...
3. 分割线和装饰元素：这些不经常变化的元素也适合使用Sprite技术。 **CSS Sprites的优点** 1. 减少HTTP请求：通过合并多个图像为一个文件，降低了网络请求次数，加快页面加载速度。 2. 维护方便：更新或添加新的...
`将分割线放置在了列表的中间，上下左右均使用了`border`来创建分割线效果。右边的分割线因为设置了`border-right:0;`，因此没有显示出来，实现了田字格的一边无分割线的效果。 对于`mp-list li`，我们设置了宽度为...
6. 分割线动画：子菜单项以分割线为界，依次滑入视野。 7. 随机位置显示：子菜单项从随机位置飞入，增加页面活力。 在实际应用这些特效时，开发者可以通过修改CSS文件中的样式规则，调整动画的持续时间、延迟、方向...
7. **多列布局**：`column-count`和`column-gap`等属性可以将文本分割成多列显示，适合制作杂志或报纸风格的布局。 8. **字体渐变**：CSS3的`font-family`属性支持字体堆栈，可以指定一系列字体，浏览器会按顺序...
3. **装饰性元素**：如边框、分割线等装饰性图像，也可以采用此技术进行优化。 #### 五、实际应用案例 - **Xing**：使用CSS Sprites整合了按钮、图标以及LOGO等元素。 - **Amazon**：通过精心设计的大图像来实现...
今天，我们要探讨的是一种特定的CSS技巧，即通过DIV和CSS制作斜线效果。这种效果可以通过调整边框属性来实现，虽然简单，但非常实用，能够为网页添加视觉趣味性。 首先，要实现斜线效果，关键在于对边框的合理设置...
此外，还可以使用`text-decoration`添加下划线、删除线，`line-height`调整行高，以及`letter-spacing`和`word-spacing`控制字符和单词间距。 接下来是**段落格式**的设置。在HTML中，`<p>`标签用于定义一个段落。...
常见的图片资源包括按钮图标、分割线、背景图片等。 4. 集成皮肤：将`she_skin.css`和图片资源放在同一个目录下，然后在SHEditor的初始化配置中指定皮肤路径，如下所示： ```javascript var editor = new SEditor...
该示例代码展示了一个实际的应用场景，可以用于创建具有特定设计风格的网页元素，例如分割线、装饰性的边框或按钮等。此外，通过理解这段代码背后的CSS定位技术，开发者可以进一步创造出更多具有创意的布局效果，将...
- **水平线标签** `<hr/>`：用于定义一个简单的水平线，通常用于分割内容或视觉上的分割。 - **斜体标签** `<em>` 和 **粗体标签** `<strong>`：分别用来表示强调和重要信息。 - **注释**：通过`<!-- -->`来添加...