社区
CSS
帖子详情
用background:url图片做背景重复的,图片之间会有间隔,怎么解决?
gates654
2014-02-07 07:29:00
如题,图片之间会有间隔,怎么解决?
...全文
986
2
打赏
收藏
用background:url图片做背景重复的,图片之间会有间隔,怎么解决?
如题,图片之间会有间隔,怎么解决?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
gates654
2014-02-10
打赏
举报
回复
引用 1 楼 mumubangditu 的回复:
图片没做好吧,放大1000倍,查出那个间隔,修补掉。
mumubangditu
2014-02-08
打赏
举报
回复
图片没做好吧,放大1000倍,查出那个间隔,修补掉。
福优林@Qt5小白变大牛初级篇word---第10章.pdf
10.1 何为Qt样式表 由于Qt样式表的引入,定制Qt部件的外观样式变得非常简单。 Qt样式表的思想很大程度上是来自于HTML的层叠式样式表(CSS), 通过调用QWidget::setStyleSheet()或QApplication::setStyleSheet(), 你可以为一个独立的子部件、整个窗口,甚至是整个个应用程序指定一个样式表。 样式表是通过QStyle的一个叫
做
QStyleSheetStyle的特殊子类来实现的。 这个特殊的子类实际上是其他的系统特定风格类的包裹类,它
会
把通过样式表指定的自定义外观风格应用在底层的系统特定风格之上。 10.2 样式表语法基础 Qt样式表与CSS的语法规则几乎完全相同,如果你已经了解了CSS,完全可以跳过本节。 一个样式表由一系列的样式规则构成。每个样式规则都有着下面的形式: selector { attribute: value } 选择器(selector)部分通常是一个类名(例如QComboBox),当然也还有其他的语法形式。 属性(attribute)部分是一个样式表属性的名字, 值(value)部分是赋给该属性的值。 为了使用方便,我们还可以使用一种简化形式: selector1, selector2, ..., selectorM { attribute1: value1; attribute2: value2; ... attributeN: valueN; } 这种简化形式可以同时为与M个选择器相匹配的部件设置N种属性。 例如: QCheckBox, QComboBox, QSpinBox { color: red; //字体颜色:红 font: bold; } 这个规则设置了所有的QCheckBox、QComboBox和QSpinBox的前景色、
背景
色和字体。 10.3 方箱模型 在样式表中,每个部件都被看作是一个由四个同心相似的矩形组成的箱体: 空白(margin)、边框(border)、填充(padding)和内容(content)。 对于一个平面部件——例如一个空白、边框和填充都是0像素的部件——而言,这四个矩形是完全重合的。 空白区域位于边框外,并且总是透明的。 边框为部件提供了四周的框架,其border-style属性可以设置为一些内置的框架风格,如inset、outset、solid和ridge。 填充在边框和内容区域
之间
提供了空白
间隔
。 10.4 前景与
背景
部件的前景色用于绘制上面的文本,可以通过color属性指定。
背景
色用于绘制部件的填充矩形,可以通过
background
-color属性指定。
背景
图片
使用
background
-image属性定义,它用于绘制由
background
-origin指定的矩形区域(空白、边框、填充或内容)。
背景
图片
在矩形区域内的对齐和平铺方式可以通过
background
-position和
background
-repeat属性指定。 QFrame { margin: 10px; border: 2px solid green; padding: 20px;
background
-image:
url
(qt.png);
background
-position: top right;
background
-origin: content;
background
-repeat: none; } 在这个例子中,QFrame四周的空白、边框和填充值都是一样的。 实际上margin属性可以在上下左右四个方向分别指定我们需要的不同值,例如: QFrame { margin: 14px 18px 20px 18px; } 同时,我们也可以分别指定margin-top、margin-right、margin-bottom、margin-left四个属性。 QFrame { margin-top: 14px; margin-right: 18px; margin-bottom: 20px; margin-left: 18px; } 虽然目前我们仅仅使用了QFrame作为例子,但是我们也可以同样的将这些属性应用于任何一个支持方箱模型的Qt部件,例如:QCheckBox、 QLabel、QLineEdit、QListView、QMenu、QPushButton、QTextEdit、和QToolTip。 10.5 可缩放样式 在默认情况下,通过
background
-image指定的
背景
图片
会
自动
重复
平铺,以覆盖部件的整个填充矩形(即边框里面的那个区域)。 ///注意区别: 如果我们想创建能够随着部件大小自动缩放而不是平铺的
背景
,我们需要设置一种称之为“边框
图片
”的东东。 注意 “边框
图片
”可以通过border-image属性指定,它同时提供了部件的
背景
和边框。 一个“边框
图片
”被分为九个部分(九宫格),有点向tic-tac-toe游戏的棋盘。 当一个部件的边框被填充时,四角的格子通常不
会
发生变化,而其余的五个格子则可能被拉伸或平铺以填充可用空间。 当指定一个“边框
图片
”时,除了
图片
本身,我们还必须指定用来分割九宫格的四条分割线。同时我们还必须指定非边角的格子是应该平铺还是拉伸,以及边框的宽度(用来确定边角格子的大小,防止边角被缩放变形)。 例如,下面的样式表定义了上图中的button: QPushButton { border-width: 4px; border-image:
url
(button.png) 4 4 4 4 stretch stretch; } 另外,“边框
图片
”还应该含有alpha通道,以使
背景
能够在边角处露出来。 10.6控制大小 min-width和min-height两个属性可以用来指定一个部件的内容区域的最小大小。 这两个值将影响部件的minimumSizeHint(),并在布局时被考虑。 例如: QPushButton { min-width: 68px; min-height: 28px; } 如果该属性没有被指定,最小大小将从部件的内容区域和当前样式中继承。 10.7 伪状态 部件的外观可以按照用户界面元素状态的不同来分别定义,这在样式表中被称为“伪状态”。例如,如果我们想在一个push button在被按下的时候具有sunken的外观,我们可以指定一个叫
做
:pressed 的伪状态。 QPushButton { border: 2px outset green; } QPushButton:pressed {
background
: gray; }
网页中
图片
的常见问题:文字代替
图片
、
图片
间隔
问题
在企业中,有时
会
遇到网速很低加载不出
图片
的情况,这时候不能影响顾客购物,所以我们需要一个文字代替
图片
的功能。(一)文字代替
图片
:想让css没有的时候文本展示出来。方法一:首先将“淘宝网”字样写在html里。1.首行缩进:text-indent:200px;(缩进的长度大于等于整个容器的宽),这样可以先把文字缩进到容器外面。2.此时
会
发生,第一个文字出去了,但第二个文字继续换行,用强制性不换行:wh...
IDEA教程
- 配置tomcat并部署项目 - idea中类图的使用 - idea多线程的Debug功能讲解 - idea中Terminal的使用 - 使用idea查找历史代码 - idea插件的安装使用 - * lombok - * CodeGlance - * Translation - * Grep Console - * ...
css 实现
背景
图片
平铺效果
直接上代码: #da{
background
-image:
url
(" images/bg.gif ");
background
-repeat: no-repeat; //不
重复
background
-size: 100% 100%; // 满屏 } div{backgroud-image:
url
(images/bg.gif);} <!-- 默认 --> 其他平铺方式: repeat:即默认方式,完全平铺
背景
; no-repeat:在X及Y轴方向均不平铺;
css
背景
图
重复
怎们弄,CSS如何实现
背景
图像
重复
效果
背景
图像
重复
效果,相信大家都有在各大网站上见过。一个好看的
背景
图片
重复
效果,可以使我们的网页样式更加美观,内容更加丰富。我们可以通过CSS中
background
的相关属性来实现这种效果。推荐参考:《CSS教程》下面我们就通过简单的代码示例,给大家介绍css实现
背景
图像
重复
的效果。代码示例如下:body{
background
-image:
url
(img/154e.png);
background
-r...
CSS
61,110
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章