如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
利用layui,生成简洁,漂亮的Table表格
layui是一个前端框架,利用它我们可以减少很多前端的工作,就能生成漂亮的界面,下面以table表格为例子,来生成一个简洁,漂亮的表格。
方法/步骤
首先我们需要下载layui相关的文件,并把样式文件引入到自己的页面里。
然后在html里输入一个table的数据,如图
先运行页面,在默认下,这个table显示得比较粗糙,难看。
我们不需要做其他额外的工作,就添加一句代码,class="layui-table",即为table添加一个layui-table的样式,就可以让我们的表格很漂亮,美观了。
看下的效果,可以看到表格很漂亮了吧,我们并不需要自己写多复杂的样式就达到这个界面了。
如果我们需要一个紧凑一点的表格,也很简单,添加一个lay-size属性就行了,值设置为'sm',
再看下页面,现在显示的是一个紧凑,漂亮的表格。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 435 HTML