<div class="fenlei" id="d0" onclick="changecolor('d0')">标准</div>
<div class="fenlei" id="d1" onclick="changecolor('d1')">10M</div>
<div class="fenlei" id="d2" onclick="changecolor('d2')">30M</div>
<div class="fenlei" id="d3" onclick="changecolor('d3')">70M</div>
<div class="fenlei" id="d4" onclick="changecolor('d4')">150M</div>
<div class="fenlei" id="d5" onclick="changecolor('d5')">500M</div>
点击div之前的样式
.fenlei{
width:auto;
float:left;
border:1px solid gray;
padding:5px;
height:25px;
margin-left:10px;
margin-top:10px;
}
点击div之后的样式
.fenlei2{
float:left;
border:2px solid red;
width:auto;
padding:5px;
height:25px;
margin-left:10px;
margin-top:10px;
}
就是边框加粗了，颜色变了。但是边框加粗以后，其他的div位置就变了
问题补充wangyun1993 写道
iam_acan 写道
边线加粗，对应padding减少，这样可以不
应该是可以的 LZ可以试试啊
解决了，边框加粗，height-2；
添加评论
关注(0)
相关推荐
- **盒模型**：每个HTML元素都可以看作是一个矩形盒子，由内容、内边距、边框和外边距四部分组成。 - **布局技术**： - 浮动：`float`属性用于实现元素的浮动布局。 - 盒子定位：通过`position`属性设置元素的...
- **宽度与高度**：通常只设置其中一个，避免图片失真。 #### 路径概念 - **根目录**：网站的最高级别目录。 - **相对路径**：相对于当前文件的位置，如`images/pic.jpg`。 - **绝对路径**：从根目录开始的完整...
- 行内元素的特点是可以和其他行内元素并列存在于同一行内，且不会独占一行；块级元素则会独占一行。 - 在题目给出的例子中，`span` 是典型的行内元素，而 `div`、`p` 和 `h3` 都属于块级元素。 ### 2. HTML...
- 在`<body>`内，定义一个容器元素（如`<div>`），作为卡片的主体，并赋予一个类名，便于CSS选择器引用。 - 为配置文件卡添加子元素，例如`<img>`（头像）、`<h1>`（姓名）、`<p>`（职位描述）和`<ul>`（联系信息...
- `*`: 重复指定元素，例如 `div * 10` 创建10个`div`。 - **图像标签 (`img`)**： - `src`: 图片源，指明图片文件的URL。 - `alt`: 替代文本，当图片无法显示时显示。 - `title`: 提示文本，鼠标悬停时显示。 ...
- **父子关系**：一个标签内嵌另一个标签，如 `<div><p>...</p></div>`。 - **兄弟关系**：标签在同一层级并列，如 `<div><p>...</p><span>...</span></div>`。 #### 四、排版标签详解 - **标题标签**：`<h1>` 至...
我们可以创建一个或多个div元素来承载这些信息，并用CSS进行排版： ```css .profile-card .info { display: flex; /* 使用Flexbox布局 */ align-items: center; /* 横向居中对齐 */ } .profile-card .name { ...