背景
オンラインでWebサイトやブラウザで動くシステムのここ、直してほしいんだよなーという時、皆さんはどうしていますか?テキストだけで伝えて「これで伝わるかなあ」と不安になったり、スクショを撮ってペイントで枠を囲ってそれをまたスクショして送ったりしてきました。
やりたいこと
指摘やコメントをしたい要素に赤枠をつけたい
例:投稿するボタン
環境
Chromeでやってます。
やり方
1.DevToolsを開く
2.要素を選択して検査する
3.枠をつけたい要素を選択する
4.element.styleにCSSを書く
次の3行をコピペしましょう。
border-width: 3px;
border-color: red;
border-style: solid;
できた!投稿するボタンが赤枠で囲まれました~
ちょっとしたことだけど、ペイント開かなくていいのはだいぶ楽