監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價(jià)咨詢(xún)管理系統(tǒng) | 工程設(shè)計(jì)管理系統(tǒng) | 甲方項(xiàng)目管理系統(tǒng) | 簽約案例 | 客戶(hù)案例 | 在線(xiàn)試用
X 關(guān)閉

靈活設(shè)置表單控件樣式

00:00 / 00:00
正常
加载出错

視頻比較大,請(qǐng)耐心等待5秒,下載視頻

申請(qǐng)免費(fèi)試用、咨詢(xún)電話(huà):400-8352-114

   工作表單在添加控件的時(shí)候可以靈活定義每個(gè)控件的顯示樣式,設(shè)計(jì)出更美觀(guān)的表單。

  表單編輯器里控件樣式有兩種,包括宏控件的內(nèi)置樣式和單行輸入框、計(jì)算控件等顯示樣式。

  1.png

 

  2.png

 

  下面介紹一下常用的一些樣式:

  一.字體樣式

  字體大小: {font-size: x-large;}(特大) xx-small;(極小) 一般中文用不到,只要用數(shù)值就可以,單位:PX、PD

  字體樣式 {font-style: oblique;}(偏斜體) italic;(斜體) normal;(正常)

  行高 {line-height: normal;}(正常) 單位:PX、PD、EM

  粗細(xì) {font-weight: bold;}(粗體) lighter;(細(xì)體) normal;(正常)

  變體 {font-variant: small-caps;}(小型大寫(xiě)字母) normal;(正常)

  修飾 {text-decoration: underline;}(下劃線(xiàn)) overline;(上劃線(xiàn)) line-through;(刪除線(xiàn)) blink;(閃爍)

  color : #999999; font-family :

  宋體,sans-serif;

  font-size : 9pt;

  font-style:itelic;

  font-variant:small-caps;

  letter-spacing : 1pt;

  line-height : 200%;

  font-weight:bold;

  vertical-align:sub;

  vertical-align:super;

  text-decoration:line-through;

  text-decoration: overline;

  text-decoration:underline;

  text-decoration:none;

  text-transform : capitalize;

  text-transform : uppercase;

  text-transform : lowercase;

  text-align:right;

  text-align:left;

  text-align:center;

  text-align:justify;

  vertical-align屬性 vertical-align:top;

  vertical-align:bottom;

  vertical-align:middle;

  vertical-align:text-top;

  vertical-align:text-bottom;

  二.背景樣式

  背景屬性:(background)

  色彩 {background-color: #FFFFFF;}

  圖片 {background-image: url();}

  重復(fù) {background-repeat: no-repeat;}

  滾動(dòng) {background-attachment: fixed;}(固定) scroll;(滾動(dòng))

  位置 {background-position: left;}(水平) top(垂直);

  background-color:#F5E2EC;

  background:transparent;

  background-image : url(/image/bg.gif);

  background-attachment : fixed;

  background-repeat : repeat;

  background-repeat : no-repeat;

  background-repeat : repeat-x;

  background-repeat : repeat-y;

  指定背景位置 background-position : 90% 90%;

  background-position : top;

  background-position : buttom;

  background-position : left;

  background-position : right;

  background-position : center;

  三.邊框樣式

  border-top : 1px solid #6699cc;

  border-bottom : 1px solid #6699cc;

  border-left : 1px solid #6699cc;

  border-right : 1px solid #6699cc;

  四.邊界樣式

  margin-top:10px;

  margin-right:10px;

  margin-bottom:10px;

  margin-left:10px;

  五.框架樣式

  1.邊界留白 {margin:margin-top margin-right margin-bottom margin-left}

  2.補(bǔ)白{padding:padding-top padding-right padding-bottom padding-left}

  3.邊框?qū)挾?{border-width:border-top-width border-right-width border-bottom-width border-left-width}   寬度值: thin|medium|thick|數(shù)值

  4.邊框顏色 {border-color:數(shù)值 數(shù)值數(shù)值數(shù)值}  數(shù)值:分別代表top、right、bottom、left顏色值

  5.邊框 {border:border-width border-style color}

  上邊框 {border-top:border-top-width border-style color}

  右邊框 {border-right:border-right-width border-style color}

  下邊框 {border-bottom:border-bottom-width border-style color}

  左邊框 {border-left:border-left-width border-style color}

  6.寬度 {width:長(zhǎng)度|百分比| auto}

  7.高度 {height:數(shù)值|auto}

相關(guān)文章參考: 設(shè)計(jì)表單樣式框架
  word創(chuàng)建表單樣式框架
  源代碼設(shè)計(jì)表單樣式框架
  源代碼設(shè)計(jì)表單樣式框架
發(fā)布:2008-05-20 15:33    編輯:泛普軟件 · xiaona    [打印此頁(yè)]    [關(guān)閉]