关于css:Redash中文商业版背景和样式设置

1次阅读

共计 980 个字符,预计需要花费 3 分钟才能阅读完成。

Redash 中文商业版能够自定义部件背景,编辑界面不失效,仅在门户中非亮白模式下的以后视图失效。门户界面也能够自定义款式,针对以后门户所有报表中部件失效,反对任意合乎 css background 语法标准的格局。

部件根本设置中能够抉择边框款式,内置无边框、复线框、线框四角加粗、四角祥云等款式,也能够抉择部件背景通明,通明部件不带边框且不受门户款式影响。
局部边框成果

1. 设置纯色背景
反对十六进制色彩值,反对设置透明度,例如:#FFFFFF, #00000050 等。
设置网页背景区纯色成果示例:
纯色示例
网页背景区:#FFFFFF

2. 设置图片背景
反对任意非法 css 标准,格局为:url(“ 背景图片地址 ”) 参数 1 参数 2 ……,参数之间用空格隔开。
图片成果示例
网页背景区:url(“/static/images/happy/bg.jpg”) center top / 100% 100% fixed

3. 设置渐变色成果 背景反对合乎 css 标准渐变色成果,色彩值之间用逗号隔开,格局为:linear-gradient(angle, color-stop1, color-stop2)
渐变色成果示例
部件标题栏:linear-gradient(to left, #003333, #309b9b, #003333)

4. 设置多张图片叠加
格局为:url(“ 图片地址 1 ”) 参数 1 参数 2,url(“ 图片地址 2 ”) 参数 1 参数 2,……
反对多张图片叠加组合展现,能够和渐变色组合应用,两头用逗号隔开。
叠加组合成果示例
部件背景区:url(“/static/images/portal/bdb.png”) no-repeat right bottom,
url(“https://preview.dazdata.com/dazdatafiles/style/lines/line_h1.png”)repeat-x bottom,
url(“https://preview.dazdata.com/dazdatafiles/style/lines/line_v1.png”)repeat-y left,
url(“https://preview.dazdata.com/dazdatafiles/style/lines/line_v1.png”)repeat-y right,linear-gradient(#0a0e5090,#0a0e5090)

正文完
 0