![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html-css
Zonson9999
但行好事,莫问前程
展开
-
HTML CSS 文字自动换行相关属性备忘
<head> <style> .b1{ width: 100px; height: 50px; background-color: tomato; } </style> </head> <body> ...原创 2021-08-21 16:32:49 · 265 阅读 · 0 评论 -
html css 布局实例: 水平布局
如图,一个网页的顶部区域,左边显示公司logo,右边显示当前登录的用户信息。红色部分靠左,绿色靠右,蓝色高度未写死,和子元素保持一致。完整代码:b1 的 overflow解决 其子元素 float 之后自身高度丢失的问题b1 和 b3 的 posotion 用于使 b3居中,详细可以参看:https://blog.csdn.net/wuzhong8809/article/details/119838076<!DOCTYPE html><html lang="e...原创 2021-08-21 15:04:37 · 1059 阅读 · 0 评论 -
html css 基础: 嵌套DIV / DIV内文本 居中
嵌套DIV居中box2 默认样式,靠左<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">原创 2021-08-21 12:55:42 · 878 阅读 · 0 评论 -
html 列宽调整 (td width 不生效问题)
1:给 table 加上 table-layout:fixed 属性2: 给 td 加上 width属性<html><body><style>.mytable {table-layout:fixed}</style><table class = "mytable" border="1" > <tr> <th width="300px">Month</th> <原创 2021-08-17 13:46:33 · 4926 阅读 · 0 评论 -
HTML 卡片样式学习
参考:https://www.runoob.com/cssref/css3-pr-box-shadow.html先看前两个参数的效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>卡片效果</title> <style type="text/css"> #card{原创 2021-08-13 17:21:08 · 2717 阅读 · 0 评论 -
CSS入门学习--带图标的菜单项
效果展示:原创 2021-06-07 10:16:52 · 247 阅读 · 0 评论 -
CSS入门学习--布局编写
HTML代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>管理</title> <link rel="stylesheet" href="main.css"></head><body><div id="app"> <div id ="title"> 标题 </div&原创 2021-06-06 10:36:24 · 88 阅读 · 0 评论