随笔分类 -  CSS

[css]用于记录开发环境中各个DB的html，使用css以美化
摘要：【说明】 用文本文件记开发环境中各个DB，只能搞一列，还不漂亮。用图片做又难以修改，wordexcel等又需要特定软件， 用html/CSS正好解决了多列、美观、无特定软件依赖等需求。 【外观】 【代码】 <!DOCTYPE html> <html lang="utf-8"> <meta http- 阅读全文
posted @ 2022-08-23 08:46 不朽的飞翔 阅读(32) 评论(0) 推荐(0)
【CSS】让图片在高宽固定的div里水平垂直都居中的三种办法
摘要：效果： 实现一：绝对定位加精算 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圆角Img示例</title> <style type="text/css"> .parentDiv{ width:200px; height:40 阅读全文
posted @ 2021-12-20 21:56 不朽的飞翔 阅读(367) 评论(0) 推荐(0)
【CSS】如何制作圆角矩形图片
摘要：制作圆角的关键在于设置img的border-radius属性。 先上效果图（此效果在最新FF和貌似老旧的Editplus3中都好用）： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圆角Img示例</title> <s 阅读全文
posted @ 2021-12-19 10:35 不朽的飞翔 阅读(346) 评论(0) 推荐(0)
【CSS/JS】如何防止div被动态内容撑大后覆盖下方内容
摘要：问题：某网页中用表格做了一左一右一下三个单元格，每个单元格里各放一个div，运行时发现右div里内容过多会覆盖下方div。 解决方案：给右div设置min-height或是设置display为table或是table-cell，设置后当右div被内容撑开时，所在的td也会跟着撑开，这样原始的一左一右 阅读全文
posted @ 2021-12-17 19:30 不朽的飞翔 阅读(1049) 评论(1) 推荐(0)
【CSS】让textarea在div里水平垂直都居中的三种办法
摘要：源码下载：https://files.cnblogs.com/files/heyang78/hvcenter_211214.rar 实现一：（在Editplus和chrome都通过） 先上图： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF- 阅读全文
posted @ 2021-12-14 19:21 不朽的飞翔 阅读(1147) 评论(0) 推荐(0)
【CSS】图文混排的简单实现
摘要：效果图： 以上图文混排效果实现的核心是设置img的float为left，其它都是常规设置。 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2021-12-09 02:32 不朽的飞翔 阅读(35) 评论(0) 推荐(0)