随笔分类 -  实际案例分享

html中有趣的显示出柠檬的方法
摘要：画个柠檬出来，代码如下： <style> #d1{ width: 200px; height: 200px; border: 2px solid #e3e300;边框样式设置 background:yellow;填充颜色样式 border-top-left-radius:60%;边框左上圆角程度 b 阅读全文

posted @ 2019-11-07 16:34 咳咳1122 阅读(229) 评论(0) 推荐(0)

html中圆角方法border-top-left-radius
摘要：时常需要圆形或者圆角矩形，那么代码如下：（仅有style与body里小部分代码） <style> #d1{ width: 200px; height: 200px; border: 2px solid #00f; border-top-right-radius: 10%; border-top-le 阅读全文

posted @ 2019-11-07 15:53 咳咳1122 阅读(926) 评论(0) 推荐(0)

html+css显示出三角形方法transparent
摘要：有时需要在页面显示三角形，需要通过画正方形才能得到三角形，代码如下： 方法一：首先需要设置边框的大小与颜色，设置边框的上右下左分别你需要哪块显示在前端即后面跟数据，如果不需要显示的话就写transparent； <style> .tr1{ width: 0; height: 0; border: 1 阅读全文

posted @ 2019-11-07 13:38 咳咳1122 阅读(843) 评论(0) 推荐(0)

表格-示例（详细代码）
摘要：要做出上述表格来代码如下： 文档自带 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文

posted @ 2019-11-06 15:46 咳咳1122 阅读(613) 评论(0) 推荐(0)

导航