2024年3月19日
星期二
13:53

CSS样式在线编辑器

加入收藏夹

使用在线CSS样式编辑工具可以直观地看到某个属性对样式的影响。只需在“CSS样式选项区"设置CSS的任何属性,即可在“CSS样式预览区"实时显示效果。要从代码窗口中删除属性,只需将滑块移至零或将下拉框移至空白即可。要清除已经设置的CSS样式,请点击"重新开始"。

CSS样式选项

  • 边框样式

    0px


  • 内边距/外边距

    内边距 Padding

    0px

    外边距 Margin

    0px

  • 字体式样

    0px

    0px

  • 文字样式

    0px

    0px

    0px

  • 背景样式

  • 元素定位

    0px

    0px

    0px

    0px

  • 附加功能

  • CSS3

    边框圆角 Border Radius

    0px

    文字阴影 Text Shadow

    0px

    0px

    0px


    元素阴影 Box Shadow

    0px

    0px

    0px

CSS样式预览
设置CSS式样各种属性值后,这里可以实时预览CSS式样的效果,并且在CSS代码区实时生成CSS代码。After setting various property values of the CSS style, you can preview the effect of the CSS style in real time, and generate CSS code in the CSS code area in real time.
CSS代码
#cssDisplay {
background-color: #FFFFFF;
color: #4A0E42;
}