html - 如果你只知道它的宽度,如何为 img 添加一个花哨的框架?

标签 html css frame image

我有一个小游戏,前一周和本周的领导者显示在底部的 3 格 HTML 表格中:

enter image description here

我通过在 HTML 中将它们的宽度硬编码为 120 来调整两张照片的大小:

<td><img src="avatar1.jpg" width="120"></td>

我想请我的图形专家画出有趣的卡通相框 - 把那两张照片放在一起。但是我不知道技术上怎么放,他应该给我画什么 Assets 。

如何在 CSS 或 HTML 中处理这个问题?我可以在这里以某种方式(滥用)使用 td 背景吗?

最佳答案

这可能是 CSS3 border-image 的工作。参见 http://www.css3.info/preview/border-image/详细教程和http://caniuse.com/#feat=border-image浏览器兼容性。

关于html - 如果你只知道它的宽度,如何为 img 添加一个花哨的框架?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9468712/

相关文章:

html元素未在媒体查询中被下推

javascript - 在 Saf 上单击汉堡菜单时背景图像放大

html - 按钮通过点击移动

android - 帧动画不起作用

javascript - 如何识别网页是在 IFRAME 还是 FRAME 内加载

swift - GeometryReader 和 .frame 的对齐

javascript - 将 th 的文本添加到该列 td 的数据属性中

javascript - 向 django 表单库渲染的 <options> 添加数据属性

css - 在 HTML 中定义我自己的标签

jquery - 自举视差