众果搜首页>>在线CSS编辑器-层叠样式表在线编辑测试,实时测试设置效果.在左侧进行选择,在右侧立即显示你的设置的CSS代码和效果
在下面进行CSS样式选择
color :
background-color :

border-width :
border-color :
border-style :

width :
height :
overflow :

padding :

margin :

font-family :
font-size :
font-weight :
font-style :
font-variant :
line-height :

clear :
float :
text-align :
text-decoration :
text-indent :
letter-spacing :
word-spacing :
text-transform :
vertical-align :

background-image :
background-repeat :
background-position :
background-attachment :

display :
visibility :
position :
top :
left :
right :
bottom :
z-index :

cursor :
显示CSS选择样式实时效果:
在线Css编辑器

你可以编辑这个 <DIV> 层叠样式表标记.

在线Css设计器

你可以编辑这个 <DIV> 层叠样式表标记.

在线CSS测试器

你可以编辑这个 <DIV> 层叠样式表标记.

使用说明
在左侧选择需要的CSS样式,确定后将会在右侧显示设置后的实际效果,最上面两个显示的是CSS代码的不同形式,一个是以类的形式(在线css编辑器部分),可以放入单独的CSS样式文件中;一个是嵌入代码形式(在线Css设计器部分),直接放入标签中。可以在最下面的输入框(在线Css编辑器部分中输入需要的文字,然后单击target.innerHTML=按钮,将改变演示用的文字。CSS样式布局中的具体代码含义可以看这里