CSS样式在线编辑器

• 边框样式

  边框宽度 Border Width: 0px

  边框颜色

  
  

  边框样式 Border Style: Solid Dashed Dotted Double Groove Inset Outset Ridge

• 内边距/外边距

  内边距 Padding

  Padding: 0px

  外边距 Margin

  Margin: 0px

• 字体式样

  字体 Font: Arial Arial Black Comic Sans MS Courier New Georgia Helvetica Impact Microsoft Yahei Times New Roman Trebuchet MS Verdana 宋体 黑体

  字体样式 Font Style: Normal Italic Oblique

  字体粗细 Font Weight: Normal Bold Bolder Lighter

  字体大小 Font Size: 0px

  字体变体 Font Variant: Normal small-caps

  文本行距 Line Height: 0px

• 文字样式

  文字对齐 Text-Align: left right center justify

  文字装饰 Text-Decoration: none underline overline underline overline line through blink

  首行缩进 Text-Indent: 0px

  字间距 Letter-Spacing: 0px

  词间距 Word-Spacing: 0px

  文本转换 Text-Transform: none capitalize lowercase uppercase

• 背景样式

  背景图片 Background-Image: url(img1.png) url(img2.png)

  平铺模式 Background-Repeat: repeat repeat-x repeat-y no-repeat

  背景定位 Background-Position: left right top left top right bottom 50% 50%

  背景固定 Background-Attachment: fixed scroll

• 元素定位

  定位方式 Position: static relative absolute fixed

  Top: 0px

  Left: 0px

  Right: 0px

  Bottom: 0px

• 附加功能

  光标 Cursor: crosshair default pointer move text wait help n-resize s-resize w-resize e-resize ne-resize nw-resize se-resize sw-resize

  可见性 Visibility: visible hidden

  溢出 Overflow: visible hidden scroll auto

  浮动 Float: left right none

• CSS3

  边框圆角 Border Radius

  Width: 0px

  文字阴影 Text Shadow

  Horizontal Length: 0px

  Vertical Length: 0px

  Blur: 0px

  阴影颜色

  
  

  元素阴影 Box Shadow

  Horizontal Length: 0px

  Vertical Length: 0px

  Blur Radius: 0px

  阴影颜色

#cssDisplay {
background-color: #FFFFFF;
color: #4A0E42;
}