當(dāng)前位置:工程項(xiàng)目OA系統(tǒng) > OA系統(tǒng)企業(yè)版 > 使用說(shuō)明 > 工作流程設(shè)計(jì) > 工作流程二次開(kāi)發(fā)
靈活設(shè)置表單控件樣式
視頻比較大,請(qǐng)耐心等待5秒,下載視頻
申請(qǐng)免費(fèi)試用、咨詢(xún)電話(huà):400-8352-114
工作表單在添加控件的時(shí)候可以靈活定義每個(gè)控件的顯示樣式,設(shè)計(jì)出更美觀(guān)的表單。
表單編輯器里控件樣式有兩種,包括宏控件的內(nèi)置樣式和單行輸入框、計(jì)算控件等顯示樣式。
下面介紹一下常用的一些樣式:
一.字體樣式
字體大小: {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ì)表單樣式框架 |
成都公司:成都市成華區(qū)建設(shè)南路160號(hào)1層9號(hào)
重慶公司:重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓