css中区块显示block在哪设置

html-css013

css中区块显示block在哪设置,第1张

给a标签设置display:block后，它会根据盒模型计算a标签的实际大小。

这时候，你可以使用hover伪类使a的整个盒模型生效。

.link a{display:blockpadding:2px 10px}

/*这样，a标签的范围就是文字上下各扩出2px左右各扩出10px/*

然后

.link a:hover{background:#newcolor}

就能实现你要的效果。

你所说的不要点击效果，要记住lovehate的前后顺序，以及各自代表的意义。

hover即onmouse的效果，active是点击效果。

您好！

display:block是可以把非块级元素强制转换为块级元素显示，如内嵌元素span，原来不支持设置宽高，宽度是由内容撑开的，几个span元素是在同一行内的，如果给span设置如下样式：

span:display:block

那么span元素就会表现的和DIV一样，每个DIV占据一行，而且支持设置宽高；

具体CSS中的display有如下属性：

值描述

none    此元素不会被显示。    

block    此元素将显示为块级元素，此元素前后会带有换行符。    

inline    默认。此元素会被显示为内联元素，元素前后没有换行符。    

inline-block    行内块元素。（CSS2.1 新增的值）    

list-item    此元素会作为列表显示。    

run-in    此元素会根据上下文作为块级元素或内联元素显示。    

compact    CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。    

marker    CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。    

table    此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。    

inline-table    此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。    

table-row-group    此元素会作为一个或多个行的分组来显示（类似 <tbody>）。    

table-header-group    此元素会作为一个或多个行的分组来显示（类似 <thead>）。    

table-footer-group    此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。    

table-row    此元素会作为一个表格行显示（类似 <tr>）。    

table-column-group    此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。    

table-column    此元素会作为一个单元格列显示（类似 <col>）    

table-cell    此元素会作为一个表格单元格显示（类似 <td> 和 <th>）    

table-caption    此元素会作为一个表格标题显示（类似 <caption>）    

inherit    规定应该从父元素继承 display 属性的值。

希望我的回答能够帮到您！

行内元素（inline）的大小是受所在行统一控制的，不能单独设置大小，这个应该不难理解，因为如果同一行有多个行内元素，如果都各自设置自己的大小（以及行高、排列方式等），那么这一行就会变得混乱不堪甚至完全失控。所以如果一个元素的display属性设为inline，那么它的width和height属性就会自动失效。

如果想让一个行内元素有自己的宽度，可以设为inline-block，这样既保留行内元素的特征，又可以单独设置自身状态，但一般并不建议这么做，因为这可能会打破网页的正常结构。从你的代码来看，你这个a标签都是单独一行的，设为块级元素（block）即可，没必要非设为inline不可啊。