搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS3教程
CSS3基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS3 Outline Offset偏移示例 -基础教程 div.cn</title> <style> p, div{ margin: 50px; padding: 30px; background: #000; outline: 2px solid red; color: #fff; } p{ outline-offset: 10px; } div{ outline-offset: -15px; } </style> </head> <body> <p>具有正轮廓偏移的元素</p> <div>具有负轮廓偏移的元素</div> </body> </html>
运行结果