1. ホーム
  2. Web制作
  3. CSS

左上または右上にリマインダーのドットを表示するCSS3サンプルコード[CSSチュートリアル

2022-02-03 12:48:53

レンダリング(三角形が必要な場合はここをクリック)。 

コード 

cut command: mostly used for character interception
 -d :Specify the separator character
 -f :Specify the column to be intercepted
 -c :Specify the position of the intercepted characters


付録 左上の赤い三角形のマーカーを実装するには、以下を参照してください。

左上には、このように赤い三角形のロゴを実装しています。

 擬似クラスを使って実装し、positionとtransform、border属性にフォーカスを当てています。

位置調整は、topとleftの値をほんの少し変更します。

sort: mostly used for character sorting
sort -n pure numeric sort
sort -r reverse order
sort -u Remove duplicate numbers
sort -o Output to specified file
sort -t Specify the separator
sort -k Specify the columns to be sorted


この記事は、左上または右上隅のリマインドドットのCSS3サンプルコードについてのすべてです、より関連するCSS3リマインドドットの内容は、スクリプトハウスの過去の記事を検索するか、次の関連記事を引き続き参照してください、あなたは将来的にもっとスクリプトハウスをサポートしてくれることを願っています!。