border-style 边框风格属性
时间: 2023-07-23 13:53:04 浏览: 217
border-style 是 CSS 的一个边框风格属性,用于设置 HTML 元素的边框样式。它可以接受一个或多个值,每个值对应一个边框线。常见的值包括:
- none:无边框;
- solid:实线边框;
- dashed:虚线边框;
- dotted:点线边框;
- double:双线边框;
- groove:3D 凹槽边框;
- ridge:3D 垄状边框;
- inset:3D 凹陷边框;
- outset:3D 凸起边框。
例如,border-style: solid dashed dotted double; 表示元素顶部边框为实线,右侧边框为虚线,底部边框为点线,左侧边框为双线。如果只设置一个值,表示所有边框的样式都相同。
相关问题
FONT-SIZE: 12px; FONT-FAMILY: verdana; BORDER-COLLAPSE: collapse 帮我换成css写法
在CSS中,这些是分别表示字体大小、字体家族和边框合并的属性:
1. 字体大小(Font Size):用 `font-size` 属性来设置,例如:
```css
.your-class {
font-size: 12px;
}
```
或者直接在元素上应用:
```html
<p style="font-size: 12px;">这是12像素字体大小的段落</p>
```
2. 字体家族(Font Family):用 `font-family` 属性来设定,例如:
```css
.your-class {
font-family: verdana, sans-serif;
}
```
其中,`verdana` 是首选字体,如果用户计算机上没有安装 verdana,则会尝试加载系统可用的 sans-serif 风格字体。
3. 边框合并(Border Collapse):CSS本身并没有直接的 `BORDER-COLLAPSE` 属性,但是可以使用 `border-collapse` 属性来控制表格边框是否合并成单一线条。对于表格 `table`,应该这么写:
```css
table {
border-collapse: collapse;
}
```
如果是其他元素,可能需要配合其他样式来达到类似的效果。
请注意,这些都是基本用法,实际应用中可能还会包含单位(如 `em`, `rem`, `pt`, `px` 等)以及浏览器兼容性考虑。
ws.cell(row=row, column=col).border = Side(style='thin', color='000000', border_style=) border_style参数选项
在`ws.cell()`方法中设置边框样式时,`border_style`参数用于指定边框的具体风格。它通常接受的是一个表示边框风格的对象或者枚举值。在Openpyxl库(与Excel操作相关的Python库),你可以使用`Side`类的实例来设置这一参数。例如:
```python
from openpyxl.styles.borders import Border, Side
# 常见的边框风格选择:
# 'none' 或 None 表示无边框
# 'thin'、'medium'、'thick' 分别表示细线、中粗线和粗线
# 'dash_dot', 'dot', 'double', 'dotted', 'dashed' 等可以设置特定的虚线样式
border_style_options = {
'none': Side(border_style=None),
'thin': Side(style='thin'),
'medium': Side(style='medium'),
'thick': Side(style='thick'),
'dash_dot': Side(style='dash_dot'),
# 更多自定义样式可参考openpyxl官方文档
}
ws.cell(row=row, column=col).border = border_style_options['thin']
```
记得在实际使用时,确保你引用了正确的`side_style`属性,因为它可能有大小写敏感的要求。如果你想要创建自定义的边框样式,可能需要结合其他`Border`类属性一起设置。
阅读全文